Accessibility-Tools und -Lesetipps
Es existieren zahlreiche wertvolle Ressourcen zur digitalen Barrierefreiheit. Wir führen unten diejenigen auf, die uns besonders hilfreich scheinen, und die wir selber in der täglichen Arbeit einsetzen. Ergänzungen sind sehr willkommen.
Bildschirmlesegerät und Blindenschrift. (© Stock.Adobe / en images)
Accessibility-Ressourcen der ETH
- Programm Hindernisfreiheit an der ETH
- 7 goldene Regeln für mehr Barrierefreiheit
- geschützte Seite Beispiele aus dem Kurs «Barrierefreie Webseiten: Fokus AEM-Komponenten»
- Digitale Barrierefreiheit in der Lehre
- ETH-Farben und Kontraste
- Download Checkliste für Entwickler:innen (PDF, 256 KB)
- geschützte Seite Making a webpage accessible (Englisch)
- geschützte Seite Creating accessible documents (Englisch)
- geschützte Seite Colour accessibility for web graphics (Englisch)
Tools für den Alltag in der Webredaktion
- 7 goldene Regeln für mehr Barrierefreiheit
- externe Seite Bookmarklet: Show Headings
- externe Seite Bookmarklet: Text Spacing
- externe Seite Browser extension: Web Developer Toolbar
- externe Seite Barrierefreiheitsinspektor in Firefox
- externe Seite Bookmarklet: Semantify
- externe Seite Bookmarklets you can use for accessibility testing (DigitalA11Y)
- externe Seite Blogpost von Slava Shestopalov: Designing Better Links For Websites And Emails (Englisch)
Tools und Tipps für Entwickler:innen
- Download Checkliste für Entwickler:innen (PDF, 256 KB)
- externe Seite Accessibility Myths - debunked (Englisch)
- externe Seite The Web Field Manual: Accessibility-Ressourcen (Englisch)
- externe Seite Screenreader NVDA (open source)
- externe Seite Accessibility Developer Guide (Englisch)
- externe Seite Blogpost von David Ball: I thought title text improved accessibility. I was wrong. (Englisch)
- externe Seite Blogpost von Datawrapper: What to consider when visualizing data for colorblind readers (Englisch)
- externe Seite Blogpost von CSS-Tricks: Focusing on Focus Styles (Englisch)
Tools und Tipps für Grafik und Design
- Download Colour Contrast Analyser von TPGi (zum Download)
- externe Seite Color Contrast Checker von WebAIM (Online-Nutzung)
- externe Seite Color Contrast Analyzer von Adobe (Online-Nutzung)
- externe Seite Blogpost von Envoy Design: How to design an accessible color scheme (Englisch)
- externe Seite Blogpost von Datawrapper: How your colorblind and colorweak readers see your colors (Englisch)
Konformitätsstatus WCAG 2.1 AA
Die ETH Zürich strebt den Konformitätsstatus externe Seite WCAG 2.1 AA an. Dabei orientiert sie sich gemäss Art. 10 Abs. 1 Behindertengleichstellungsverordnung an den internationalen Richtlinien zur Barrierefreiheit WCAG und am nationalen Standard eCH-0059 Version 3.0. Die Bedeutung dieser Standards wird in unserer Barrierefreiheitserklärung ausgeführt.
Kontakt
Manu Heim
Digital & Medien
Rämistrasse 101
8092
Zürich
Schweiz
