From 18f17569084c482fc44b8d1e79959d37fa6a7576 Mon Sep 17 00:00:00 2001
From: npiyush97 <npiyush35@gmail.com>
Date: Mon, 25 Sep 2023 16:10:53 +0530
Subject: [PATCH] added aria label for better a11y score

Signed-off-by: npiyush97 <npiyush35@gmail.com>
---
 .changeset/wet-olives-wave.md                         | 5 +++++
 plugins/api-docs/src/components/ApisCards/presets.tsx | 8 ++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/wet-olives-wave.md

diff --git a/.changeset/wet-olives-wave.md b/.changeset/wet-olives-wave.md
new file mode 100644
index 0000000000..5b35e0ad90
--- /dev/null
+++ b/.changeset/wet-olives-wave.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': patch
+---
+
+added aria-label on api definition button for better a11y.
diff --git a/plugins/api-docs/src/components/ApisCards/presets.tsx b/plugins/api-docs/src/components/ApisCards/presets.tsx
index b1ef39c113..38f75ecf95 100644
--- a/plugins/api-docs/src/components/ApisCards/presets.tsx
+++ b/plugins/api-docs/src/components/ApisCards/presets.tsx
@@ -33,10 +33,14 @@ export function createSpecApiTypeColumn(): TableColumn<ApiEntity> {
 
 const ApiDefinitionButton = ({ apiEntity }: { apiEntity: ApiEntity }) => {
   const [dialogOpen, setDialogOpen] = useState(false);
-
+  // eslint-disable-next-line no-console
+  console.log('this is the one');
   return (
     <>
-      <ToggleButton onClick={() => setDialogOpen(!dialogOpen)}>
+      <ToggleButton
+        aria-label="Toggle API Defination Dialog"
+        onClick={() => setDialogOpen(!dialogOpen)}
+      >
         <ExtensionIcon />
       </ToggleButton>
       <ApiDefinitionDialog