Are you a web content creator, designer or developer?
Test your knowledge about inclusive and accessible web design with our quick quiz.
A few reasons why improving accessibility benefits the majority
- Making websites more accessible makes them easier for everyone to use, not just those with disabilities. Even if you have perfect vision and hearing, we bet you’ve felt grateful for subtitle captions before.
- There aren’t many people who experience perfect vision, hearing, dexterity and mental capacity all the time. How many people do you know who sometimes wear glasses or hearing aids?
- Most people are likely to have an access need at some point in their lives, even if temporary or situational. For example, getting a concussion, sitting on a shaky train or working in a noisy open plan office.
Learn how to create inclusive websites with our digital toolkit
CEWEB: Web accessibility primer
(Brazilian Portuguese)
A booklet from CEWEB covering the basic steps to make pages, sites and applications accessible to everyone. Based on guidelines provided by W3C.
Google: Material design guidelines on accessibility
(English)
Clear and concise overview of accessibility principles from hierarchy, to colour, typography, writing, imagery, sound and motion.
W3C: Writing for web accessibility
(English)
Some basic considerations to help you get started writing web content that is more accessible to people with disabilities.
Google: Writing accessible documentation
(Multilingual)
General dos and don'ts when it comes to writing accessibly. While some of these are aimed at developers, many apply to writers too!
Google: Improve the accessibility of your documents or presentations
(Portuguese)
The web isn't just websites. Here Google list some top tips on how to make your Google Docs and presentations more accessible.
Hemingway App
(English, some Portuguese)
A free and effective web editing tool. Simply paste your text in and you will get back a readability score and suggested improvements. Designed for use in English but functions for Portuguese and other Latin languages too.
Google: Link text
(Multilingual)
Google's own style guide on writing effective link text, that describes what you’re linking to.
WebAIM: Alternative text
(English, French, German)
Detailed guidance on how to write alt text, covering specific types of images such as form buttons, maps, background images and logos.
W3C: Making audio and video media accessible
(English)
Advice on how to how to make media accessible, whether you develop it yourself or outsource it. Includes tips for writing transcripts, captions and subtitles.
W3C: Designing for Web Accessibility
(English)
Some basic considerations to help you get started writing web content that is more accessible to people with disabilities.
Chrome extension: No Coffee
(English)
A visual impairment simulator. Open the browser extension on any webpage and simulate how that webpage looks for different visual impairments.
Google developers: Accessibility fundamentals
(Brazilian Portuguese)
Short course on web accessibility principles for developers. Based on content from this Udacity course.
W3C: Developing for Web Accessibility
(English)
Some basic considerations to help you get started developing web content that is more accessible to people with disabilities.
Deque: axe-core
(English)
An accessibility testing tool for websites and other HTML-based user interfaces.
Google: Chrome Dev tools
(Brazilian Portuguese)
An overview of how to use the accessibility features in Chrome DevTools, from running an accessibility audit to testing colour contrast and keyboard navigation.
Google: Lighthouse
(Brazilian Portuguese)
An open-source, automated tool for improving the performance, quality, and correctness of your web apps. Access via a Chrome extension or the command line.
Chrome extension: No Coffee
(English)
A visual impairment simulator. Open the browser extension on any webpage and simulate how that webpage looks for different visual impairments.
Inclusive components
(English)
A self-described "blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece."