A11y

A quick a11y tip to handle focus in a single page web app.

Aims to be the biggest checklist of inclusive design considerations ever - Heydon/inclusive-design-checklist

Usability und Accessibility – zwei Seiten der gleichen Medaille? Wenn es um das Thema Barrierefreiheit geht, werden viele Begriffe in einen Topf geworfen. Accessibility, Barrierefreiheit, Barrierearmut, Zugänglichkeit, Inclusive Design, Design für alle, Usability und dergleichen mehr. All diese Begriffe sind de facto Etiketten ohne verbindlichen Rahmen, denn Barrierefreiheit wird nicht nur in Deutschland nach verordneten Richtlinien umgesetzt – nämlich nach der BITV (Barrierefreie Informationstechnologie Verordnung) und im internationalen Kontext nach den WCAG (Web Content Accessibility Gui...

Summary

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.

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.