Screen reader name for the 'enable copilot' and 'disable copilot' has been changed

2026-01-08 03:57:31 +00:00 · 2023-11-20 21:13:12 +05:30
3 changed files with 2 additions and 5 deletions
--- a/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
+++ b/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
@@ -53,9 +53,7 @@ export const WelcomeModal = ({ visible }: { visible: boolean }): JSX.Element =>
          </Stack>
          <Stack horizontalAlign="center">
            <Stack.Item align="center" style={{ textAlign: "center" }}>
-              <Text className="title bold" as={"h1"}>
-                Welcome to Microsoft Copilot for Azure in Cosmos DB (preview)
-              </Text>
+              <Text className="title bold">Welcome to Microsoft Copilot for Azure in Cosmos DB (preview)</Text>
            </Stack.Item>
            <Stack.Item align="center" className="text">
              <Stack horizontal>
--- a/src/Explorer/QueryCopilot/Modal/snapshots/WelcomeModal.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/Modal/snapshots/WelcomeModal.test.tsx.snap
@@ -76,7 +76,6 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
          }
        >
          <Text
-            as="h1"
            className="title bold"
          >
            Welcome to Microsoft Copilot for Azure in Cosmos DB (preview)
--- a/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
+++ b/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
@@ -444,7 +444,7 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
          this._toggleCopilot(!this.state.copilotActive);
        },
        commandButtonLabel: this.state.copilotActive ? "Disable Copilot" : "Enable Copilot",
-        ariaLabel: "Copilot",
+        ariaLabel: this.state.copilotActive ? "Disable Copilot" : "Enable Copilot",
        hasPopup: false,
      };
      buttons.push(toggleCopilotButton);