A11y

Wer farbenblind ist, sieht auch Fußball mit anderen Augen: Grün spielt oft gegen Rot – und die Vereine machen sich darum kaum Gedanken. Die DFL will reagieren.

Jörg MorsbachJörg Morsbach, Diplomdesigner und Kommunikationswirt (WAK), betreibt bereits seit 2003 die Düsseldorfer Agentur anatom5 und macht sich aus Überzeugung für universelles Design und einen weit reichenden Inklusionsgedanken stark. anatom5 wurde vielfach für Barrierefreiheit ausgezeichnet. Seit Anfang 2017 ist Jörg Morsbach zugelassener Erstprüfer des BITV-Test (BIK-Test). Sein heimliches Steckenpferd ist die Suchmaschinenoptimierung. Zum Portfolio von anatom5 gehören Internetauftritte und Webapps ebenso,… Ganzer Beitrag: WCAG 2.2 – was ändert sich und wie wirkt es sich aus?

Amelie UngerAmelie Unger studierte Digitale Medien an der Universität Bremen im Bachelor und Medieninformatik an der Universität zu Lübeck im Master. Als UX Designer ist sie seit 2020 bei Ergosign, der führenden UX-Agentur mit Fokus auf User Experience im DACH-Raum, tätig. Dort stellt sie sich, neben Industrieprojekten, insbesondere auch im Forschungsprojekt AVASAG die Frage nach barrierefreien und inklusiven Gestaltungsmöglichkeiten von… Ganzer Beitrag: Von Fähigkeit und Fokuswechsel: Ein Erfahrungsbericht

How CSS bleeds into content and influences screenreader announcements.

While alt text end punctuation isn’t technically required for compliance, it makes for a better experience for your audience.

Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive for users of all abilities across any device.

In HTML kannst du mit dem mark-Element – ähnlich einem Textmarker – die Texte zusätzlich, und zwar sowohl visuell als auch semantisch richtig hervorheben.

How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic.

An approachable guide to doing an accessibility audit using a screen reader

TL;DR: for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are. When a screen reader encounters an element on the page that invites interaction beyond reading, it typically provides users with instructions…

Web accessibility is a complex topic, especially in the context of JavaScript-based web applications. With its new web interface, ownCloud starts to tackle this topic to create a front-end usable for and accessible to everyone, regardless of their circumstances, abilities or technologies used.

Popularity in browsers Firefox popularity among screen reader users has been consistently increasing for the last few years. In a 2015 WebAIM survey, 34.9% of participants answered “Internet Explorer 10” to a question “When using your primary screen reader, which browser do you use most often?”, whereas 31% answered “Firefox”. However, in a 2017 survey,

Übersicht der Richtlinien für Barrierefreiheit im Web, in Dokumenten und in Software.

Useful HTML elements like date inputs and `` could make the web a much better place, if browser accessibility bugs in their implementations were prioritised.

Screen readers are an essential part of using the web for people who are vision impaired, illiterate or have a learning disability. Today’s screen readers traverse web pages and applications and read out user interface elements, content and allow users to navigate and interact with the web. There are many screen readers available for different devices and platforms, each with differing levels of…

What is new in WCAG 2.1 Label in Name.

Rolle, Zustand und ein zugänglicher Name — wann ist HTML barrierefrei? Möglichkeiten und Grenzen barrierefreier Techniken, und wie ARIA dabei helfen kann.

A community-driven effort to make digital accessibility easier.

A dive into table and grid semantics, why they matter so much to screen readers, and your options for repairing or augmenting basic table markup.

The beginning of a series on interactive grid accessibility, starting with a look at when you need a grid, a table, or neither.

HTML has all sorts of built-in features that, when used correctly, are accessible, will localize, and which just work. For example, if I want a button, I use , and a screen reader will announce it as button. For users in other languages, they will hear whatever is their word…