What every person on your team needs to do
Content
- Writers, Content Editors, Content Designers, Content Strategists, Content Managers.
At a glance
- Write content in a clear and understandable way
- Provide text alternatives for non-text content (images, video, audio).
- Do not rely on sensory characteristics as the only indicator, such as shape, color or orientation (“click the red button on the right”).
- Links should describe where the user will go if they click it, giving them an idea of what will happen.
More resources for accessible content
UX Design
- Interaction Designers, User Experience Designers, User Researchers.
At a glance
- Do not rely solely on sensory characteristics, such as shape, color or orientation (e.g. a red or green dot for indicating a status).
- Don’t design for mouse interactions exclusively (think of functionality that’s only available on mouseover, or drag-and-drop interfaces).
- Include a diverse group of users, including disabled people in your user research and usability testing.
More resources for accessible UX design
Visual Design
- UI Designers, Visual Designers, Graphic Designers.
At a glance
- Make sure there’s enough color contrast in your designs; a contrast ratio of 4.5 : 1 is the minimum.
- Design styles for both mouse (hover) and keyboard (focus) interaction.
- Don’t rely on color alone to communicate information (e.g. red borders for input fields that have errors).
More resources for accessible visual design
Frontend Development
- Frontend Developers, UX Engineers, Frontend Designers, Javascript Developers.
At a glance
- Write semantic HTML.
- Provide labels for all form controls.
- Ensure that all interactive element are keyboard accessible (use
<button>,<a>and<input>).
More resources for accessible frontend development
Quality Assurance
- Software Testers, Test Engineers, Quality Assurance Officers.
At a glance
- Read the requirements and the success criteria for WCAG compliance.
- Run an automated accessibility checker. Here’s how different accessibility testing tools compare.
- Run a manual test each release for common accessibility pitfalls.