A11y

Solve 30% of the web's accessibility defects with just the help of a calculator!

Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML

Keyboard interaction note for just one control from the entire panoply of HTML controls: A native button fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native button fires…

A checklist for creating accessible websites and web applications.

Leitfaden zur digitalen Barrierefreiheit. Contribute to RZ-BY/Leitfaden-Barrierefreiheit development by creating an account on GitHub.

A foundational overview of how to build a color adaptive and accessible loading bar with the progress element.

Find out how the accessibility monitoring methodology is used to test websites and mobile apps under the Accessibility Regulations

Last year, I worked on a project which contained a reorderable list component – essentially, a group of items that users can rearrange in any order. Though I…

Accessibility Path is a collection of resources that can help you to learn web accessibility and inclusive design. - conedevelopment/accessibility-path: Accessibility Path is a collection of resour...

The accessibility acceptance criteria testing checklist generator by T-Mobile - Accessibility Resource Center

The title of this post is pretty specific. It relates to the meme on Twitter where users identify a trait or preference that they see as problematic, and identify it as a red flag. The emoji represents the red flag. For example: A stylized red flag Blaming Screen Readers 🚩🚩🚩🚩🚩…

Let’s take a look at the following markup snippet, shall we?

When you’re designing a page, it’s essential to think about who your audience is — and that your audience may not have the same abilities as you. Making your documents accessible is not just about adding alternative descriptions to images; it’s about thinking through all the ways you can make your design work for as many people as possible. Join me as I explain the choices you can/should consider in an accessible visual presentation using text, such as font, color, contrast, size, column width, spacing, kerning, and more.

Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive

User experience designers guide - How to document the screen reader user experience for web content. Using your visual as a starting point, we’ll take you step by step through how to document the screen reader UX introducing concepts along the way.

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a...

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Things I've learned from Inclusive Design 24 2020

Prinzipien, Richtlinien, Erfolgskriterien und Techniken der Web Content Accessibility Guidelines 2.1.

a11yphant is the easy way to learn the basics of web accessibility. Learn step by step by completing short, interactive coding challenges and quizzes.

People who are tasked with remediating accessibility often have little experience of how people with disabilities actually use the web. Learn how to fix that.

The Website of the World Wide Web Consortium’s Web Accessibility Initiative.

The updated for of the Web Accessibility Tutorials