There are so many great tools out there now. Lighthouse in Chrome Devtools has an Access audit built in which will give you a few hints. There's also a very useful auditor that just came out from Paciello Group called the Arc toolkit: https://www.paciellogroup.com/toolkit/. Chromevox and Voiceover can be turned on to get quick screenreader-ish feedback.
I also urge everyone to turn ON tabbing on their Mac (System Preferences > Keyboard > Shortcuts tab > All Controls) and tab into their sites (unplug your mouse). I also often do a run through with Vimium: https://vimium.github.io/ which gives me some aspects of a voice interaction type system.
These tools will get you some of the way there, though there are established ways to build components which will solve 90% of all known access problems. The main solution is simply to write native HTML. A major issue is how hard it is to style native form elements (like datalist) -- it means developers can't get it past design/clients.
No Coffee: https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbn... is quite useful to get a non-scientific empathy hit for graphic decisions and how that interacts with common sight problems (98% of people by age 51 have presbyopia) and Sim Daltonism: https://michelf.ca/projects/sim-daltonism/ will give you a more accurate representation of all the most common colour blindnesses (1 in 12 men).
I also urge everyone to turn ON tabbing on their Mac (System Preferences > Keyboard > Shortcuts tab > All Controls) and tab into their sites (unplug your mouse). I also often do a run through with Vimium: https://vimium.github.io/ which gives me some aspects of a voice interaction type system.
These tools will get you some of the way there, though there are established ways to build components which will solve 90% of all known access problems. The main solution is simply to write native HTML. A major issue is how hard it is to style native form elements (like datalist) -- it means developers can't get it past design/clients.