Copyright © Brandon Himpfen.
A quick checklist for web accessibility, which also acts as a great beginners’ guide.
Typically your website’s header.
Navigation of your website, which contains navigation links.
The one area where content is primarily focused.
One content item. An example is a single blog post in an index.
Separated content section that supports the main content.
Footer that contains information about the document such as website author, website ownership, copyright information, links to legal documents, etc…
Give the end user the ability to search your document or website.
Specify the language of the document.
Use semantic headings and structure
Ensure links have a :focus state
Ensure links are recognizable, such as by underline and different colour then the text.
State what the image is about using alt
Form controls have label
An example would be: <label for="name">Your Name:</label> <input id="name" type="text">.
<label for="name">Your Name:</label> <input id="name" type="text">
Don’t use placeholder attributes instead of the label tag
Group related form elements
Group related form elements with fieldset.
Provide text transcripts for audio
Subtitles for videos
Test colour contrast
Test using a screen reader
Test using only the keyboard
← Previous post
Next post →
Comments are closed.