Barrierefreiheit

• Is there an online emulating screen reader tool to test against a custom web page? Kurze Antwort: nö. Die lange Antwort bei stackoverflow hat viele interessante Links und Infos.
• Inclusively Hidden
• SVG Accessible Logo Images, Links, and Buttons Examples
• Maintaining Accessibility in a Responsive World

• Accessible modal dialogs: A tricky minefield
• Today, I learned about the Accessibility Tree
• How to make error messages accessible

• accesslint.js – Keep accessibility errors in check.
• CSUN 2017 Megalist of Presentation Resources for Digital Professionals
• WCAG 2.1 — It’s here!
• Screen readers and web browsers – what’s the best pairing for testing?
• Beware smushed off-screen accessible text

• Quotable Quotes from CSUN 2017
• WCAG 2.1 draft: reflections on the new guidelines and success criteria
• (Not so) Simple ARIA Tree Views and Screen Readers
• Mythbuster’s Guide to Accessibility
• A11Y Style Guide

Heute geht es monothematisch um den sogenannten „Accessibility Tree“. Was das ist, steht in all den vielen Dokumenten drin.

• The Accessibility Tree
• The Accessibility Tree – von Google
• The Browser Accessibility Tree
• Today, I learned about the Accessibility Tree
• Accessibility and Performance
• What is the Accessibility Tree? – Videotutorial von Marcy Sutton
• ARIA ist Silber, HTML ist Gold
• Werkzeuge zur Überwachung des Accessibility-Trees
• The Difference Between role=”presentation” and aria-hidden=”true”
• The accessibility tree

• Offenbar ist eine Aktualisierung der WCAG in der Mache: Quick Guide to WCAG 2.1 First Public Working Draft – What’s new and how to submit comments
• An alt Decision Tree
• ARIA schlägt HTML – Aria-label bei verlinkten Grafiken
• Hating Comic Sans Is Ableist

• How to do Web Accessibility QA: Part 1
• How to do Web Accessibility QA: Part 2
• A11y Modals: Revisited
• Accessibility Guidelines – Diese Checkliste kann man sich durch Anklicken der Checkboxen selber konfigurieren.

• Accessibility in modal dialogs
• Prototyping accessibility in web and mobile UI design
• How to design for accessibility – This guideline will introduce accessibility thinking and how to design usable experiences for everyone.
• Highcharts Accessible

• Accessible color palette builder – Bau Dir Deine Farbpalette und Du bekommst die zugänglichen Farbkombination für Hintergrund- und Schriftfarbe angezeigt. Super Sache und einfach bedienbar!
• The ARIA Role Matrices
• ARIA in HTML
• Press the pink button – designing for colour blind users

• Spielerisch Farbkontraste austesten
• Improve Your Website’s Accessibility With WAI-ARIA
• Inclusive Design Tips: Presenting Information in Multiple Ways
• What’s holding back accessibility in 2016? (Vorsicht: das Creativebloq kann man ernsthaft nur mit einem Adblocker besuchen!)