Adjust labels on navigation elements for users using a screen reader. (…

…#937) * Adjust labels on navigation elements for users using a screen reader. * Swap from aria-label to title
firebase · May 19, 2023 · b46971b · b46971b
1 parent ea57f40
commit b46971b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Auth/UserFormDialog/controls/CustomAttributes.tsx b/src/components/Auth/UserFormDialog/controls/CustomAttributes.tsx
@@ -81,6 +81,7 @@ export const CustomAttributes: React.FC<
           target="_blank"
           rel="noopener noreferrer"
           href="https://firebase.google.com/docs/auth/admin/custom-claims"
+          title="Learn more about custom key value attributes."
         >
           Learn more
         </a>

diff --git a/src/components/Extensions/List/ExtensionsTable/ExtensionTableRow.tsx b/src/components/Extensions/List/ExtensionsTable/ExtensionTableRow.tsx
@@ -73,6 +73,7 @@ export const ExtensionsTableRow: React.FC<
           }}
           className={styles.manageButton}
           label={<div className={styles.manageButtonText}>Manage</div>}
+          title={`Manage the ${extension.displayName} extension.`}
           trailingIcon="arrow_forward"
         />
       </DataTableCell>