Barrierefreiheit

• Accessibility Insights – eine Erweiterung für Chrome oder Edge (auch auf dem Mac) bzw. als Windows-Tool. Sehr empfehlenswert.
• Cauldron – eine zugängliche Pattern Library von deque-Labs
• Accessibility Testing with the NVDA Screenreader – ein Video von deque
• Auch 2019 gab es wieder die #id24, eine Online-Konfererenz, die 24 Stunde lang ging. Alle Aufzeichnungen der Talks gibt es auf Youtube als Playlist. Viel Spaß beim Schauen!

• Color Contrast and Accessibility – Interessanter und gut designter Artikel mit vielen Buttons als Beispielen.
• Unexpected accessibility tips – sehr gute Tipps für eigene Tests der Zugänglichkeit der eigenen Seite
• Buttons, Buttons, Buttons – Semantische Auszeichnung von Schaltflächen mit ARIA-Attributen
• Color Contrast and Accessibility

• The state of accessible web UI frameworks
• output: HTML’s native live region element
• The future of accessibility for custom elements
• Building better accessibility primitives

Christian Schäfer, a.k.a. „Der Schepp“ hat nicht nur seit einiger Zeit ein Blog, nein, er hat auch endlich zwei Beiträge darin verfasst. Der erste ist inhaltlich eine echte Rarität, beschäftigt er sich doch mit der technischen Behandlung von Online-Werbung: Dealing with Ads in 2020. Heute hat er den nächsten Beitrag nachgelegt: A CSS-only Carousel.

Zum Wochenbeginn noch zwei Links zu Accessibility: What Is ARIA? und An adventurer’s guide to W3C specs

• Sara Soueidan on Applied Accessibility: Practical Tips For Building More Accessible Front-Ends at SmashingConf Feiburg 2019
• My Web Accessibility Testing Process
• Beginning to Demystify ARIA
• Sind WCAG-Tests hilfreich oder Marketing?

• Accessible Components
• What is ARIA Markup? – A Beginner’s Guide
• An Introduction to ARIA States
• JavaScript and Accessibility: Accordions

• Accessible CSS Generated Content
• Accessibility and web performance are not features, they’re the baseline
• Meaning without markup: Accessibility Object Model

Leider ist Accessibility kein selbstverständlicher Bestandteil moderner Frontendentwicklung. Trotz jahrelangem Trommelns habe ich den Eindruck, dass die Kenntnisse über barrierefreie Entwicklung nicht besonders breit gestreut sind. Deshalb finde ich Sammlungen empfehlenswerter Modulumsetzungen, abseits von Tutorials und Checklisten, besonders hilfreich. Entweder man bedient sich am fertigen Code oder man lernt anhand desselben. Es gibt hier einige empfehlenswerte Beispiele:
(mehr …)

• The Anatomy of Accessible Forms: The Problem with Placeholders
• Accessible App – Patterns and Strategies for accessible web-apps
• What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs

• How accessibility trees inform assistive tech
• The Anatomy of Accessible Forms: Best Practices
• Color accessibility: tools and resources to help you design inclusive products
• Meaning without markup: Accessibility Object Model