Web Accessibility Cookbook

Kapitel 12. Benutzerdefinierte Elemente erstellen

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Web Komponenten sind eine Reihe von Web-Plattform-APIs, die es dir ermöglichen, deine eigenen voll funktionsfähigen DOM Elemente zu erstellen.

Die Möglichkeit, benutzerdefinierte Elemente zu erstellen, um interaktive Websites nativ zu gestalten, ist aufregend, führt aber auch zu neuen Problemen mit der Barrierefreiheit. Du musst dir über die Grenzen und Möglichkeiten von benutzerdefinierten Elementen und den dazugehörigen APIs im Klaren sein. Mit der richtigen Architektur und ausreichender Planung können Webkomponenten eine auf Barrierefreiheit ausgerichtete Entwicklung fördern und großartige Erlebnisse schaffen. Sie können aber auch die Barrierefreiheit beeinträchtigen, wenn sie unbedacht eingesetzt werden.

12.1 Arbeiten mit IDs

Problem

Es ist unmöglich, ein Element aus dem Light DOM im Shadow DOM zu referenzieren oder umgekehrt, indem du das Attribut id verwendest. Wenn du dir dieser Einschränkung nicht bewusst bist und trotzdem versuchst, diese Verweise zu erstellen, kann die unterbrochene Beziehung Auswirkungen auf die Benutzer haben:

• Links zum Überspringen funktionieren möglicherweise nicht, was die Navigation erschwert.

• Formularelemente sind möglicherweise nicht richtig beschriftet, was es für Screenreader-Nutzer schwieriger macht, sie zu unterscheiden.

• ARIA-Referenzen können unterbrochen ...