Facebook veröffentlicht API für barrierefreie React (Native) Apps
Die Accessibility API umfasst Methoden, mit denen Entwickler auf die vorhandenen Funktionen in iOS und Android zugreifen, um ihre Anwendungen barrierefrei zu gestalten.
Das Open-Soruce JavaScript-Framework React wurde ursprünglich von Facebook entwickelt. Der Ableger React Native stellt React-Anwendungen auf Android und iOS mit nativen UI-Elementen dar. Die Accessibility API erweitert die beiden Frameworks um spezielle Funktionen, die den barrierefreien Umgang mit den Apps ermöglichen sollen.
Facebooks Devise lautet von jeher, dass sie alle Anwender erreichen möchten. In dem Blog-Beitrag zur API heißt es: "Ein entscheidender Aspekt zum Erstellen eines robusten Produkts ist sicherzustellen, dass jeder es nutzen kann – dazu gehören auch Menschen mit Sehverlust oder andere Beeinträchtigungen." Die Accessibility API will das Erstellen einer passenden App möglichst einfach gestalten. Entwickler können vorhandene React- und React-Native-Anwendungen mit wenigen Code-Änderungen eine Basisfunktionalität für Barrierefreiheit geben.
Zugriff auf TalkBack und VoiceOver
Sobald ein Element wie die aktuelle View mittels accessible={true} als barrierefrei gekennzeichnet ist, übernehmen die enthaltenen Elemente den Status, sodass beispielsweise Textfelder vorgelesen werden können. Das Framework überprüft, welche Funktionen im System vorhanden sind und nutzt sie entsprechend. React Native umfasst spezielle Methoden zur Verwendung der jeweiligen Bedienungshilfen TalkBack auf Android und VoiceOver auf iOS. Die Details stehen in der Dokumentation zur Accessibility API von React Native.
(Bild: Facebook)
Der Blog-Beitrag erklärt am Beispiel von Facebooks Ad-Manager, der mit React Native erstellt ist, wie die neue API verwendet werden kann. Beispielsweise wird eine Einstellung farbig unterlegt und deren Inhalt vorgelesen mit dem anschließenden Hinweis, dass die Einstellung durch doppeltes Berühren umgeschaltet wird. So können Menschen, die zwar die Farbe auf dem Bildschirm erkennen, aber nicht den Text oder die Position des Schalters, die App steuern. (rme)
