Photo by Daniel Ali on Unsplash

DO NOT push to production without checking these things

1. Look at the HTML of your page

Are the headings in the correct order?

Are you using the correct landmark for your main content as opposed to a page full of divs?

2. Keyboard controls

Mac keyboard
Mac keyboard
Photo by Clay Banks on Unsplash

Can you tab through the whole page?

Does the page have a logical tab order?

Does every tab have a clear focus state so you can see where you are on the page?

3. Meta information

Check the primary title is descriptive

Define a primary language

4. Images

Ensure every piece of non text content has a descriptive tag

5. Forms

Form fields should also be clearly labelled

Use error messages

404 error message
404 error message
Photo by visuals on Unsplash

Make it clear when the form has been submitted

Bonus points!

Further Reading

#WomanInTech — Senior Engineer at BCG Digital Ventures — General Assembly London Alumna

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store