JSD | Webdocs

Links Schulung „Barrierefreiheit in der Entwicklung“

Eva Stegerer
Updated on November 26, 2025
Table of contents

Zusammenfassung aller genannten Links #

📘 ARIA & W3C / Barrierefreiheit Grundlagen #

  1. W3C ARIA Landmarks Pattern
    https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/

ARIA Landmarks – General Principles
https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/general-principles.html

HTML Accessibility API Mappings (HTML-AAM)
https://www.w3.org/TR/html-aam-1.0/

WCAG 2.1 – Input Purposes (Autofill, Semantik etc.)
https://www.w3.org/TR/WCAG21/#input-purposes

🧭 ARIA Landmarks visuell prüfen #

  1. Landmarks (Visuelles Tool)
    https://matatk.agrip.org.uk/landmarks/

🧪 BITV / Deutsche Standards #

  1. Werkzeugliste BITV-Test
    https://bitvtest.de/test-methodik/web/werkzeugliste

🔎 Accessibility Checker / Testing Tools #

  1. Silktide – Accessibility Toolbar (Free)
    https://silktide.com/toolbar/

Deque University – Live Region Playground (aria-live)
https://dequeuniversity.com/library/aria/liveregion-playground

💡 UX & Inclusive Components #

  1. Inclusive Components – Cards
    https://inclusive-components.design/cards/

🎮 Tastatur-Navigation (witziges Beispiel) #

  1. Hocus :focus – Keyboard Navigation Game
    https://focus.hteumeuleu.com/

Vollständige Linkliste #

1. Inclusive Components #

  1. https://inclusive-components.design/cards/

2. Keyboard-Navigation Game #

  1. https://focus.hteumeuleu.com/

3. WCAG Input Purposes #

  1. https://www.w3.org/TR/WCAG21/#input-purposes

4. ARIA Live Region Playground #

  1. https://dequeuniversity.com/library/aria/liveregion-playground

5. KoliBri – Accessible HTML Standard #

  1. https://public-ui.github.io/

6. W3C ARIA Authoring Practices (Overview/Patterns) #

  1. https://www.w3.org/WAI/ARIA/apg/patterns/

7. BFIT Bund – Barrierefreie UI Handreichungen #

  1. https://handreichungen.bfit-bund.de/barrierefreie-uie/0.3/bedienelemente.html

8. Magenta A11y – T-Mobile Accessibility Criteria #

  1. https://www.magentaa11y.com/#/web-criteria/component/overview

9. Accessibility Insights (Microsoft) #

  1. https://accessibilityinsights.io/docs/web/overview/

10. BITV Test – Prüfschritte #

  1. https://bitvtest.de/pruefverfahren/bitv-20-plus-web

11. WCAG 2.2 – Target Size Minimum #

  1. https://www.w3.org/TR/WCAG22/#target-size-minimum

12. WCAG 2.2 – Target Size Enhanced #

  1. https://www.w3.org/TR/WCAG22/#target-size-enhanced

13. CodePen Beispiel (Nina – Gehirngerecht) #

  1. https://codepen.io/Nina-Gehirngerecht/pen/LYwPXBa