Accessible screens are faster for everyone: legible type, clear focus and full keyboard control help every person who uses them.
Contrast and colour
- Text meets WCAG AA: 4.5:1 for normal text and 3:1 for large text (18 points and up, or 14 points bold), icons and control boundaries.
- Never use colour alone; pair status colours with words, symbols or signs.
- Check every screen in light, dark and Increase Contrast.
Keyboard and focus
- Everything works from the keyboard, in the visual order (R18).
- Focus is always visible. The focus ring is never removed, only moved, for example onto a whole row when the row is the button.
- Sheets move focus inside when they open and return it to the trigger when they close; Escape closes the top layer.
- Lists, menus and pickers use the arrow keys; Return selects; Home and End jump.
- Focus is never stolen from the field people are typing in.
- Custom shortcuts never override the standard ones (copy, paste, undo, find, print) and are always shown somewhere.
Screen readers
- Use the platform’s semantic elements first: buttons for actions, links for navigation, real tables for tables, headings in order and a label for every field.
- Icon-only controls have an accessible label; decorative icons are hidden from assistive technology.
- Name regions and toolbars, announce changes that matter (toasts are live regions), and give images meaningful alternative text.
- Charts have a text summary and the data in a table nearby.
Size, touch and pointer
- Hit targets are at least 44 × 44 points on touch and 28 × 28 with a pointer (R14).
- Leave space between adjacent targets; never put a destructive action right beside a frequent one.
- Every gesture has a visible alternative, such as a swipe action that is also in a menu.
Text size
All text follows the reader’s text size. Test at the largest: rows grow, labels wrap, nothing is clipped, and no container has a fixed height around text.
Motion and transparency
- Reduce Motion turns transitions into instant changes (R11).
- Nothing flashes more than three times a second; nothing loops for attention.
- Reduce Transparency and Increase Contrast make every Glass surface opaque.
Inclusion
- Plain language, with no unexplained jargon or abbreviations.
- People-first wording, and no idioms that don’t translate.
- Names, addresses, numbers and dates follow the reader’s locale and never assume one format.
- Layouts work right to left, and leave room for longer words in translation.
Checking
- A keyboard-only pass through the screen’s main task.
- A screen-reader spot check of every new control.
- Light, dark, Increase Contrast, Reduce Motion, Reduce Transparency, the largest text size, a touch screen and a narrow window.