2 ms·
There are so many accessibility issues on Hacker News! Ways to avoid the same mistakes? Easy... 1 - Make sure everyone involved from designers to developers
by dbg31415 3y ago
There are so many accessibility issues on Hacker News!
Ways to avoid the same mistakes?
Easy...
1 - Make sure everyone involved from designers to developers to content creators to testers to... whatever your village has in it... has knowledge of WCAG. (New standards out a few weeks ago!) WCAG is the de facto law of the land now, and businesses are liable from damages if they don't make efforts to ensure all users receive "equal enjoyment" of their web properties.
https://www.w3.org/TR/WCAG22/ https://www.w3.org/TR/WCAG22/
2 - Incorporate Accessibility Testing into your design, build processes, and content creation processes. WAVE works great! Aim for 0 Errors and 0 Contrast Errors. (You will likely have to re-design anything where you're putting text directly on top of images.)
https://wave.webaim.org/report#/https://news.ycombinator.com/ https://wave.webaim.org/report#/https://news.ycombinator.com...
3 - Incorporate Lighthouse into your design and build process. Aim for > 90s in all categories.
https://developer.chrome.com/docs/lighthouse/overview/ https://developer.chrome.com/docs/lighthouse/overview/
4 - Ensure your content stays your own by setting up your security headers. This step just ensures that you know where all the content is coming from and you've had a chance to validate it.
https://observatory.mozilla.org/analyze/news.ycombinator.com https://observatory.mozilla.org/analyze/news.ycombinator.com
https://securityheaders.com/?q=https%3A%2F%2Fnews.ycombinator.com&followRedirects=on https://securityheaders.com/?q=https%3A%2F%2Fnews.ycombinato...
And here are some browsers extensions that make it easy to build a CSP for your existing sites.
Chrome - https://chrome.google.com/webstore/detail/content-security-policy-c/ahlnecfloencbkpfnpljbojmjkfgnmdc https://chrome.google.com/webstore/detail/content-security-p...
Firefox - https://addons.mozilla.org/en-US/firefox/addon/laboratory-by-mozilla/ https://addons.mozilla.org/en-US/firefox/addon/laboratory-by...