Use focus-visible for some focus styles to fix a11y issues (#12968)

feat(a11y): fix-focus-styles
2025-12-30 11:22:31 +00:00 · 2023-03-06 11:39:46 +01:00
parent 65730e256e
commit cfb8589bef
8 changed files with 6 additions and 21 deletions
--- a/react/features/base/ui/components/web/ContextMenuItem.tsx
+++ b/react/features/base/ui/components/web/ContextMenuItem.tsx
@@ -110,7 +110,7 @@ const useStyles = makeStyles()(theme => {
                backgroundColor: theme.palette.ui03
            },

-            '&:focus': {
+            '&.focus-visible': {
                boxShadow: `inset 0 0 0 2px ${theme.palette.action01Hover}`
            }
        },