feat(react): improve accessibility with targeted `:focus-visible` focus styles for non-pointer devices#796

Merged

cheton merged 16 commits intomasterfrom tonic-ui-793

Oct 23, 2023

+2,584-2,074

Commits on Oct 18, 2023

feat: implement :focus-visible for the Tree component with targeted focus style for non-pointer devices
cheton
committed
feat: implement :focus-visible for the Menu component with targeted focus style for non-pointer devices
cheton
committed
feat: implement :focus-visible for the Switch component with targeted focus style for non-pointer devices
cheton
committed
feat: remove the type attribute from SwitchControlBox
cheton
committed
feat: implement :focus-visible for the Checkbox component with targeted focus style for non-pointer devices
cheton
committed
feat: implement :focus-visible for the Radio component with targeted focus style for non-pointer devices
cheton
committed
chore: code prettify
cheton
committed
feat: implement :focus-visible for the Tabs component with targeted focus style for non-pointer devices
cheton
committed
feat: utilize outline instead of box-shadow for :focus-visible pseudo-style rendering
cheton
committed
feat: implement :focus-visible for close button components with targeted focus style for non-pointer devices
cheton
committed
feat: implement :focus-visible for the Button component with targeted focus style for non-pointer devices
cheton
committed
docs: update examples in button, button-group, and button-link
cheton
committed
feat: only use aria-selected with these roles: option, tab, menuitemradio, treeitem, gridcell, row, rowheader, and columnheader
cheton
committed
feat: implement :focus-visible for the Pagination component with targeted focus style for non-pointer devices
cheton
committed
feat: apply same :focus-visible style to secondary variant button for consistency
cheton
committed
docs: apply :focus-visible style to icon button components
cheton
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(react): improve accessibility with targeted `:focus-visible` focus styles for non-pointer devices#796

Commits on Oct 18, 2023

feat: implement `:focus-visible` for the Tree component with targeted focus style for non-pointer devices

feat: implement `:focus-visible` for the Menu component with targeted focus style for non-pointer devices

feat: implement `:focus-visible` for the Switch component with targeted focus style for non-pointer devices

feat: remove the `type` attribute from `SwitchControlBox`

feat: implement `:focus-visible` for the Checkbox component with targeted focus style for non-pointer devices

feat: implement `:focus-visible` for the Radio component with targeted focus style for non-pointer devices

chore: code prettify

feat: implement `:focus-visible` for the Tabs component with targeted focus style for non-pointer devices

feat: utilize `outline` instead of `box-shadow` for `:focus-visible` pseudo-style rendering

feat: implement `:focus-visible` for close button components with targeted focus style for non-pointer devices

feat: implement `:focus-visible` for the Button component with targeted focus style for non-pointer devices

docs: update examples in button, button-group, and button-link

feat: only use `aria-selected` with these roles: `option`, `tab`, `menuitemradio`, `treeitem`, `gridcell`, `row`, `rowheader`, and `columnheader`

feat: implement `:focus-visible` for the Pagination component with targeted focus style for non-pointer devices

feat: apply same `:focus-visible` style to secondary variant button for consistency

docs: apply :focus-visible style to icon button components