Was Facebook zur Verbesserung der Barrierefreiheit unternommen hat

Beim Aufbau eines neuen Tech-Stacks wurde Barrierefreiheit von Anfang an berücksichtigt

• Linting & Flow: ARIA wird erzwungen

• Anpassung der Schriftgröße: durch die Verwendung von rem möglich, aber schwer konsequent zu erzwingen, daher automatische Umwandlung aus CSS-Pixelwerten

• Kontextbezogene Überschriften: mit React Context so umgesetzt, dass sie auch auf komplexen Seiten immer in der richtigen Hierarchieebene erscheinen

• Kontextbezogene Tastenkürzel: Registrierung von Shortcuts mit React Context in einer einzigen API gebündelt

• Eine Funktion, die auch zur Laufzeit Barrierefreiheitsprobleme erkennt und meldet, läuft im Hintergrund

• Beim Erstellen von Basis-Komponenten wurde von Anfang an der ARIA Practices Guide angewendet, damit Barrierefreiheit berücksichtigt wird

• Für Screenreader- und sehende Tastaturnutzer wurde es so implementiert, dass der Fokus beim Wechsel zwischen Komponenten erhalten bleibt

• Bereitstellung eines Feedback-Hooks für Screenreader

[xguru]

Die Geschichte vom Neuaufbau des Tech-Stacks von Facebook https://de.news.hada.io/topic?id=2049