Today we’ll talk about accessibility. It’s a practice of creating apps, sites, and products usable for everyone, including people with visual, motor, auditory, speech, or cognitive disabilities… Read more
From UX Collective.
A code sample to add a “Jump to content” link to your website for keyboard users that work on mobile devices.
From selfthinker via GitHub.
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
From Davatron5000 (via GitHub).
Simplify pop-ups and modals using the HTML dialog element.
From Viget.
Yesterday I was working on creating the slides and accompanying demos for my upcoming Web Directions Code talk next week. One of the demos I’m creating is a basic proof of concept for a simple switch that is used to switch the theme of a UI from light to dark and vice versa. I liked, and was inspired, by the theme switch in the Medium app.
From Sara Soueidan.
One of my colleagues is transitioning to the front-end team that I used to be a part of. To prepare him mentally for his journey into front-end development, I’ve been sending him a newsletter I call Front-End Hack of the Day. I’m posting them to Medium now for the world to enjoy.
From Tommy Brunn (Medium).
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.
From Smashing Magazine.
I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I specifically asked for markup suggestions. Turns out, people mark questions and answers up differently.
From Sara Soueidan.
The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.
From A11y Style Guide.
Being deaf/hard of hearing means there is certain information I struggle to access. At a Contributor Day in Glasgow in September 2018 (an event where you get to contribute directly to WordPress, e.g. core software, theme support, privacy, translations, etc.), I have decided to get involved with the Accessibility team.
From Ahmed Khalifa.
This approach is different from others you may have seen in that it uses a valid <table> (and child elements) and acknowledges that screen readers no longer consider <table>s to be tables when you start messing with their display properties.
From Adrian Roselli.
A lightweight, responsive, modern drag & drop library.
From Shopify.
A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.
From Inclusive Components .
From Get Flywheel.
From Github.