A11y

A sighted user puts himself in the shoes of a non-sighted user. Chris Ashton experiences first-hand difficulties that visually impaired users face and describes what we can do as web developers to help.

Set of posters to help people design accessible services

Sie finden im Folgenden unterschiedliche Informationen, welche Ihnen den Start mit dem freien Screenreader NVDA erleichtern sollen. Alle Texte sind auf dieser U

Formulare sind der Kern interaktiver Angebote und Grundlage der Kommunikation zwischen Anbieter und Nutzer.

Mit iOS 12.2 hat Apple eine Funktion eingeführt, mit der Webseiten mitgeteilt wird, dass ein Anwender Hilfstechnik, insbesondere den Screenreader VoiceOver eins

A web application is a computer program that runs in your browser. It is hard to expand the general definition further. Wikipedia says: > The general distinction between a dynamic web page of any kind and a "web application&...

Solve accessibility issues before they reach your customers.

At Hassell Inclusion we deliver a huge amount of accessibility training to organisations all over the world. Our Head of Training, Jon Gooday, has had the honour of training over 70 accessibility auditors over the last five years. In this blog, he gives an overview of some of the most common mistakes and pitfalls that auditors tend to get wrong that impact the quality of their findings...

It often happens that designers and web developers agree on the fact that they do not like the standard buttons or the styling capabilities of buttons in browsers. To work around this, they then resort to what’s called clickable text. It is in many cases a simple span

We look at some of the things you have to think about when creating content to work well with screen readers.

This is something I've been seeing a lot lately, and it's got to …

In order for a screen reader to present a spoken UI to the user, meaningful elements must have proper labels or text alternatives. A label or text alternative gives an element its accessible name, one of the key properties for expressing element semantics in the accessibility tree.

Home of the Chromium Open Source Project

When it comes to creating accessible products, understanding the interactions between different technologies and the code we write is very helpful. In this post, Joe Watkins talks about accessible name--what it is, how to apply it, and why it's such an integral tool in the accessibility toolkit.

Do you add a descriptive title attribute to your links? Did you know that you might be making your site even less accessible?

Documenting everything through the journey of learning web accessibility.

David MacDonald, CanAdapt offers WCAG Training, What happens when aria-label, aria-labelledby and aria-describedby are on static HTML elements? For accessbility, testing, teaching, and discussion, WCAG accessibility audits and accommodation of employees with disabilities.

if voiceover does it is another matter. just pointing out that it's not "almost any type" on all situations. or you need to qualify your statement as "in VoiceOver..." ;)— patrick h. lauke #toryScum (@patrick_h_lauke) September 16, 2018

This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.1], which defines a way to make Web content and Web applications more accessible to people with disabilities. This document demonstrates how to use WAI-ARIA in [HTML51], which especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

The aria-label attribute is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use aria-labelledby instead.