Today we’ll talk about accessibility.
It’s a practice of creating apps, sites, and products usable for everyone, including people with visual, mot...
For further actions, you may consider blocking this person and/or reporting abuse
Thanks, nice list, that will save me a lot of browsing (browsing that would probably en up watching cats, woodworking, some cosmology article or something about the CRT advantages in modern games, who knows)
And as always is good to keep in mind that accessibility is not something new, in fact appears like we as devs have been actively stripping it away in favor of aesthetics, html and css are accessible by default, responsive by default; we choose to mess things up. This article looks like a good source of resources to add some beauty without loosing functionality.
And to keep at hand for inspiration.
motherfuckingwebsite.com/
bettermotherfuckingwebsite.com/
thebestmotherfucking.website/
Sometimes you need some fanciness, but not always. Every extra Kb, every extra JS LOC has a price for the user, you better make good use of it.
Great collection, thank you for sharing.
Also awesome first post, keep it up! 💪🏻
Thanks for the support! I used to blog on Medium a lot, so indeed this is my first time on dev.to :)
You're welcome! I see - oh wow, You are quite popular on Medium! 😲 Great to have you on dev.to too 😊
thanks 😊
Medium was very good previously, now they put most of the content behind "the paywall" :( That makes knowledge not available to people who can't pay for Medium subscription
Well, bad for Medium and good for platforms like dev.to, where awesome Medium authors like you move to 🙊
To keep it short - Lighthouse uses aXe accessibility rules in its audits. So does Webhint. For extensive a11y testing see accessibilityinsights.io.
Thanks for your recommendations)))
Great list - loving what 90 examples offers, I have not seen that before. Will be very useful in my projects.
Worth mentioning ZingGrid, which I have been using for a while to quickly build tables. As of today, they're now accessible.
Worth checking out. Thanks again for the list!
Edit* - forgot to link --> zinggrid.com
Great resource list. For quick colour contrast checks I'd add colorpicker.cx/contrast — paste two HEX values, get the WCAG ratio with AA/AAA pass-fail, and it suggests the nearest passing shade when a pair fails. Free, browser-based, no signup.
Thanks, the list looks very interesting. However it is all about visual impairment. What about hearing, the other main problem on the net?