A11y

Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers. Carie will also be running an online workshop on Accessible Front-End Patterns all around front-end accessibility.

Updated 1st Feb 2016. When you test your website with a screen reader there are a few basic commands you should know. Just remember not to make design decisions based only on your tests. Even with these useful screen reader commands, you won’t experience things in the same way as a person who uses a […]

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Complete WCAG 2.2 AA compliance checklist with all 86 success criteria. Download free PDF and use interactive checklist.

Master accessibility testing with our complete guide. Learn automated tools, manual testing, and screen readers.

Teste, wie blinde Nutzende deine Webseite mit einem Screenreader erleben. Mit Anleitung, Tastenkürzeln und Tipps für ein barrierefreies Web.

Strategies and good practices for inclusive learning content.

Ist meine Internetseite barrierefrei oder bietet sie Hürden und Barrieren für behinderte Menschen und Senioren? Barrierefreies Webdesign, PDF, Dokumente oder Formulare für den öffentlichen Sektor (eGovernment) entsprechen den offiziellen Richtlinien der WCAG und der BITV. Außer dem Schnelltest und dem Barriere-Check bietet anatom5 Lösungsansätze um der Zielgruppe von Menschen mit verschiedenen Behinderungsarten das Internet zugängig zu machen.

Master CSS accessibility with our comprehensive guide to screen reader friendly styling. Learn WCAG compliance, semantic HTML, focus management, and advanced techniques for inclusive web design.

A gesture-based screen reader that provides an auditory description of the content onscreen.

Im digitalen Zeitalter sind Smartphones unsere Fenster zur Welt, unverzichtbare Werkzeuge, die uns in Verbindung halten, informieren und unterhalten. Aber nicht jeder interagiert mit diesen Geräten auf die gleiche Weise. Menschen mit Behinderungen oder Beeinträchtigungen können die Nutzung herkömmlicher Smartphones als

Verwende die VoiceOver-Einführung auf deinem Mac, um den Umgang mit VoiceOver zu erlernen und zu üben.

for iOS and iPadOS 18.5 Intro VoiceOver is Apple's screen reader, which can be found across all Apple platforms, from iPhones, iPads, Macs, iPods, etc. This guide will document how each setting in VoiceOver's settings on iOS and iPadOS affects the way VoiceOver behaves, as well as what the options do. At the time of writing, May 2025, the release of iOS 19 and associated operating systems is really closed to being released in beta. Once they release to the public, this guide will be updated to reflect new changes, features, and settings.

An examination of how aria-label behaves on static elements across browsers, and why real-world support differs from common assumptions.

A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago, the screen readers tested did not signify the semantics of text level elements and did not signify, by default, font styles associated with such elements. Notes: I am not suggesting either behaviour is required or desirable. […]

Outline: Feature Queries Proprietary, or Internet Explorer Only Standards Track, or Edge Only Frankenquery’s Monster System Colors CSS2 System Color Keywords WHCM Proprietary Feature Query Color Mappings CSS4 System Color Keywords Browser Support Internet Explorer Legacy Edge (Ledgacy) Chromium Edge (Chromiedge) Firefox Chrome Examples Backgrounds Inline SVGs SVGs via imgs…

ARIA provides an attribute which allows to hide elements from screen readers. It works pretty uniformly on non-focusable elements in modern browsers and screen readers, but it still has some very odd peculiarities. So you better try to create solutions that do not need it.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Beispiele, wie die Information zur Barrierefreiheit für Websites, Apps und Hardware-Produkte aussehen könnte. Außerdem ein umfangreicher Bereich mit Fragen und Antworten zum Thema.