- Images should have meaningful alternative text
- Links should be visually identifiable
- Use descriptive section headings
- Use correct semantic HTML element structure for your content
- Forms have descriptive labels
- Information should not depend on color, sound, shape, size, or visual location
- Text and background color should have sufficient contrast
- Content scales properly when zoomed/enlarged
- Use a descriptive title tag
- Support keyboard navigation
- Focus states should be visible for keyboard users
- Use correct HTML5 input types
- Content that automatically changes has the ability to be paused
- Limit or remove any flashing elements
- Users should be able to navigate content using a screen reader
- Allow keyboard users to skip navigation
- Offer multiple ways to find pages on your website
- Avoid mouse only interactions
- Set focus on modals, popovers, alerts etc.
- Site should not time out unexpectedly
- Multimedia should have alternative ways to be consumed
- Ensure audio and video is not played automatically unless that is the expected behavior
- Use the HTML lang attribute
- Use understandable inputs labels
- Forms have helpful and accessible error and verification messages
- Make data available for graphs, charts, maps, SVGs etc. through assistive technology
- Links should be descriptive and provide intent
- Table data is accessible to non-sighted users
- Use ARIA landmarks where applicable
- Decorative images should not be visible to screen readers
- Pages are understandable with no styles enabled
- Web page size should not exceed 500k
- HTML should be valid and error-free
Check off items by inserting an 'x' between the brackets...
- [x] Forms have descriptive labels
- [X] Focus states should be visible for keyboard users
This Web Accessibility Checklist was created by Julian Salas. Check out Julian's site @ https://www.juliansalas.com/