Test this page
Designers check their own work with real tools. Try three checks on this very page. This is not a way to "feel disabled": it is how you find a barrier so you can fix it.
1. Keyboard only
Put the mouse or touchpad aside. Press Tab to move forward and Shift + Tab to move back. Press Enter or Space to use a button.
- Can you always see where you are? Look for the outline around the thing you are on.
- Can you reach every button on this page, and the menu at the top?
- Does the order make sense, top to bottom?
On a phone, try your device's screen reader instead (VoiceOver or TalkBack) if a grown-up can help you turn it on and off.
2. Reading Access
Open the Aa Reading Access button in the bottom-left corner. Turn the spacing up, try the line ruler, and press read-aloud.
- With extra spacing, does every word still fit, or does anything get cut off or overlap?
- Does read-aloud read things in the order you see them?
3. Colour contrast
Faint text is hard for many readers. Pick a text colour and a background colour and see how far apart they are.
The quick brown fox reads the sign.
The rule designers use: 4.5 to 1 for body text, 3 to 1 for big text and for the edges of buttons.
What would you fix?
If you found a barrier, that is a good find, not a failure. Describe it to a grown-up or a teacher: what you tried, what happened, and who it would get in the way of. Then try Design a space to pick a fix that helps everyone.