MUI Accessibility (a11y)

MUI ships with many built-in accessibility features. This skill covers what works automatically, what you must add manually, common violations, and WCAG compliance patterns.

Built-in Accessibility Features

MUI provides these automatically:

• role, aria-* attributes on interactive elements (Button, Checkbox, Slider, etc.)
• Keyboard navigation in menus, selects, dialogs, date pickers, and tabs
• Focus trapping in Dialog and Drawer (via FocusTrap)
• Color contrast that meets WCAG AA for the default theme palette
• aria-expanded, aria-selected, aria-checked state attributes
• aria-live regions in Snackbar for announcements

Icon Buttons Need aria-label

Icon-only buttons have no visible text — always add aria-label.