Nothing
We transform grand ideas into pioneering products. With the power of design.
Accessibility Best Practices
3 powerful techniques for your everyday accessibility ambitions
Nothing AG
Technology experts in digital inclusion
Josua Muheim
www.nothing.ch
Colours & contrasts
- Contrast ratio of 4.5:1 or 3:1 (large text)
-
Colour Contrast Analyser
ADG: Setup: Helper Tools: Colour Contrast Analyser
- Many other tools available...
Make sure that elemets are visible!
Colours & contrasts
Colours & contrasts
Keyboard-only operability
- Use proper interactive elements like <a href=""> and <button>
- Use proper form controls like <input>
- ADG: Knowledge: Keyboard-only
Provide interactive control to all!
Heading outlines
- Use proper <h1> to <h6> tags to mark up headings
- Offer meaningful hierarchy
- Don't skip any levels!
- Hide headings visually (if needed)
- H123 Bookmarklet
ADG: Setup: Browsers: Bookmarklets:
h123
Give your page a table of contents!
Accessibility best practices
By Nothing
