Cards are a common design component & often allow users the ability to click anywhere on them. While this is a good UX, it's often implemented incorrectly. Learn how to create semantic clickable cards with this great article by Christian Heilmann.
Website Accessibility Articles
Prioritizing web accessibility benefits individuals, businesses, and society. International web standards define what is needed & these website accessibility articles will help you comply with it.
Cards are a common design component & often allow users the ability to click anywhere on them. While this is a good UX, it’s often implemented incorrectly. Learn how to create semantic clickable cards with this great article by Christian Heilmann.
Léonie Watson over at Tink did a great write-up on the differences of aria-label vs. aria-labelled-by. Learn when you should them, which to use, and what they do.
There’s a handful of clever ways to pause & play a GIF — using a JavaScript library or using a pure CSS solution. Here’s another that’s accessible using the details/summary elements.
Flawless put together a great list of super useful design plugins for Sketch, Adobe XD and Figma. Whether you’re looking to improve accessibility or automate and conform to standards, you’ll find it in their Awesome Design Plugins list.
Automated accessibility tests like Lighthouse are great, but don’t forgot there’s still some other manual checks you need to do to ensure compliance.
Screen readers read pseudo elements, using bullets will cause them to read: “Pizza MIDDLE DOT Döner MIDDLE DOT Kaffee”. Not good. Let’s try to fix it