Catch the SEO and accessibility problems on a web page before anyone else does.
This board is a pre-publication checklist for web professionals: 11 things to confirm on a page before it goes live, followed by 6 ways to test it.
What you check:
Valid HTML and a sensible heading structure
Semantic elements used for their real purpose
Alt text on images
A useful page title and meta description
Plain, consistent terminology
Source order that still makes sense without styling
ARIA used sparingly and correctly
Captions and transcripts for multimedia
How you test it:
Run the page through the W3C validator
Check it with the WAVE browser extension
Navigate it using the keyboard alone
Listen to it with a screen reader
View it with CSS disabled
Review its headings with a headings extension
How to use the board:
To take your own copy, open Board > Details > Duplicate. A free Miro account is all you need.
To tick an item, double-click its box and type x.
Duplicate the card for each page you are reviewing, or for each sprint.
This template accompanies the Interaction Design Foundation course UX Essentials: Accessibility, SEO and Dynamic Interfaces.
