A11y

I am a screen reader user, and I am annoyed! I repeatedly encounter the same problem on websites. It's about text splitting up. Let me…

There are two things here that you’re probably already aware of. First, HTML includes an element that allows you to display the “result of a calculation”. It’s a form element and it’s been around for some time, having been added in HTML5. The other thing you’re likely to be aware of is that the for attribute is normally used on the element to associate a with a form element. This aids accessibility and usability, as you’ve probably discovered as both a developer and a user. But interestingly, the for attribute can also be used on the element:

Paul J Adam demonstrates how to use automated and manual accessibility testing tools on desktop and mobile websites, covering five tools, the pros and cons of each tool, and describe the best features of each tool.

In this article we’ll examine an overlooked accessibility problem that mainly affects users with hand tremors. It’s in almost every interface out there, but barely…

axe is the world’s most popular accessibility testing toolkit built. Visit our website to start building accessibility into your development process.

How to make themable, flexible, WCAG 2.1 compliant color ramps for a design system

There are an estimated 285 million people in the world who are visually impaired. This number includes anyone from legally blind, to those…

A complete guide to SVG icons in HTML pages, with the symbol sprites technique.

A complete guide to SVG icons in HTML pages, with the symbol sprites technique.

Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your…

Knowing where to start with accessibility testing can be difficult and overwhelming. In my article on Tools for Developing Accessible Websites, I mentioned 5 tools you can use to get started developing more accessible websites. More recently, I have discovered an incredibly powerful tool - pa11y Introducing pa11y pa11y, pronounced

Automated accessibility testing with Grunt and Pa11y. - cbaigorri/grunt-pa11y

Contribute to dequelabs/grunt-axe-webdriver development by creating an account on GitHub.

There are tons of drag-and-drop list reordering modules out there today, very few of them are built with accessibility in mind. Dragon Drop seeks to fill this gap by providing means for all users to perform this somewhat common task.

Accessibility is an important consideration of building a better web. Andrew shares what to think about and tools to use when creating a visually accessible web.

How companies break accessibility principles

Automated accessibility tools audit. Contribute to alphagov/accessibility-tool-audit development by creating an account on GitHub.

We built a webpage full of accessibility fails so that we could audit automated testing tools. Here's what we found.

Accessible Rich Internet Applications (ARIA) ermöglichen Webentwicklern Webinhalte und Web-Applikationen (insbesondere solche mit Ajax und JavaScript) besser zugänglich für Menschen mit Behinderungen und anderen Einschränkungen zu machen. Zum Beispiel lassen sich mit ARIA Navigations-Landmarken, JavaScript-Widgets, Formular-Hinweise und Fehlermeldungen hinzufügen und Live-Content-Aktualisierungen barrierefrei gestalten.

Das role-Attribut bietet viele Möglichkeiten für die barrierefreie Webgestaltung. Jan Eric Hellbusch (@2bweb) mit einem Einstieg in die Accessible Rich Internet Applications (ARIA).

The Tenon.io blog

HTML bietet sieben Elemente, die als Seitenregion dienen. Mit Seitenregionen kann Screenreader-Nutzern eine effiziente Tastaturbedienung innerhalb von Webseiten geboten werden.

Mit ARIA kann eine Webanwendung für Screenreader semantisch angereichert werden. Über die Semantik hinaus sind Tastaturbedienung, Beschriftung und letztlich das testen genauso zu berücksichtigen.