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/Tabs.tsx
+++ b/react/features/base/ui/components/web/Tabs.tsx
@@ -44,7 +44,7 @@ const useStyles = makeStyles()(theme => {
                borderColor: theme.palette.ui10
            },

-            '&:focus': {
+            '&.focus-visible': {
                outline: 0,
                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`,
                border: 0,