hugogiraudel.com
Accessible icon links
5 min · · I’m Hugo “Kitty” Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity. · Shared by 30, including Veerle Pieters, Chris Heilmann codepo8@toot.cafe, David Hellmann, Evan (he/him), Victor Tolosa, Web Axe
Rangle.io
Everything You Need to Know About Designing Accessible Forms
9 min · · Designing forms means focusing on the details that no one else considers. In this blog, we’ll explore why best practices for designing a form in an accessible way. · Shared by 7, including Evan (he/him)
medium.com
Things to consider when creating Accessible Text
3 min · · A few quick things to think about when creating accessible text for the web. · Shared by 8, including Evan (he/him), Una 🇺🇦
a11y-101.com
Aria-disabled - Accessibility Introduction
3 min · · With aria-disabled we can make a form more accessible. For example a button with disabled attribute is invisible for screen readers. · Shared by 4, including Evan (he/him)
w3.org
WAI-ARIA Authoring Practices 1.1
· This document provides readers with an understanding of how to use WAI-ARIA 1.1 [WAI-ARIA] to create accessible rich internet applications.
It describes considerations that might not be evident to most authors from the WAI-ARIA specification alone and recommends approaches to make widgets, navigation, and behaviors accessible using WAI-ARIA roles, states, and properties.
This document is directed primarily to Web application developers, but the guidance is also useful for user agent · Shared by 56, including Yehuda Katz, Devon Govett, Dennis Lembrée, Adrian Roselli (no blue check) 🗯, Rob Dodson, Joe Lencioni, Web Axe, Eric Bailey, front-end.social/@heydon, Marcy Sutton Todd, patrick h. lauke (redux) "Big Dog" #toryScum #cis, Steve Faulkner SteveFaulkner@mastodon.social, Marius Bleuer, Evan (he/him)
CSS-Tricks
User Facing State
20+ min · · Let's talk about state. Communicating state to the user that is, not application stores state in JavaScript objects, or localStorage. We're going to be tal · Shared by 14, including thoughtbot, Evan (he/him)
deque.com
Building Accessible Buttons with ARIA: A11y Support Series
9 min · · In a continuation of his a11y support series, A11Y evangelist Paul Adam details how to build accessible ARIA widgets - this time role=buttons. · Shared by 6, including Evan (he/him)
Nick Babich
10 Rules For Efficient Form Design
6 min · · Forms is the one of the most important type of interaction for users on the web and in the apps. They are used everywhere — for registration, subscription services, customer feedback, checkout, to initiate transactions between users and companies, or as data input to search or share information. Developers should pay · Shared by 33, including Stefan Weber, Stephanie A Kowalski, Samuel Hauser, Evan (he/him)
a11ywithlindsey.com
An Introduction to Accessible Labeling
4 min · · Let's go through all the different ways to accessibly label HTML elements. · Shared by 7, including Evan (he/him)
a11y-style-guide.com
Forms
1 min · · 1.1.1 Non-text Content - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. (Level A)1.3.1 Info and Relationships - Information, structure,… · Shared by 4, including Evan (he/him)
uxmatters.com
Label Placement in Forms
3 min · · During the process of building the forms that we would test, we tried to respect Luke’s suggestions regarding the relationship between label placement and formatting and the type of form content—well… · Shared by 6, including Evan (he/him)
github.com
jackdomleo7/Checka11y.css
· A CSS stylesheet to quickly highlight a11y concerns. - jackdomleo7/Checka11y.css · Shared by 9, including Evan (he/him)
blog.sapegin.me
The most useful accessibility testing tools and techniques
8 min · · Shipping accessible features is as important for a frontend developer as shipping features without bugs, learn about tools and techniques that will help you achieve that. · Shared by 44, including Chris Heilmann codepo8@toot.cafe, Stef Walter, Dennis Lembrée, mastodon.social/@renestalder, Evan (he/him), CSS Weekly, David Hellmann, Web Axe, J. YouKnowMe
matuzo.at
Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
12+ min · · Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS. · Shared by 44, including David Hellmann, Web Axe, PacielloGroup, Dennis Lembrée, Adrian Roselli (no blue check) 🗯, Stef Walter, Evan (he/him), Chris Heilmann codepo8@toot.cafe
matthiasott.com
:focus-visible Is Here
3 min · · Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and… · Shared by 48, including David Hellmann, Brad Brooks, Chris Heilmann codepo8@toot.cafe, Marius Bleuer, Stef Walter, Rob Dodson, Evan (he/him)
Smashing Magazine 🇺🇦 🏳️🌈
Accessibility In Chrome DevTools — Smashing Magazine
9 min · · This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. · Shared by 78, including mastodon.social/@renestalder, Dennis Lembrée, Elijah Manor, Alistair Duggin, Web Axe, Adrian Roselli (no blue check) 🗯, Nils Hitze, Nick Floro, Chris Heilmann codepo8@toot.cafe, Paul J. Adam, henrik, Evan (he/him)