Erstellung eines zugänglichen Autocomplete-Steuerelements

Avatar of Robin Rendle
Robin Rendle am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hier ist ein großartiger, ausführlicher Beitrag von Adam Silver über seine Reise zur Erstellung eines möglichst zugänglichen Autocomplete-Felds. Es gibt so viele Sonderfälle zu beachten! Es gibt alte Browser und ihre eigenartigen Tücken, es gibt Barrierefreiheits-Best-Practices für Screenreader, und nicht zu vergessen die Auseinandersetzung mit dem Komponentendesign, wenn kein JavaScript vorhanden ist usw.

Adam gibt eine Warnung, bevor er beginnt

[…] Ich habe nach Wegen gesucht, den Benutzern die Eingabe eines Ziellandes zu ermöglichen. Leider sind native HTML-Formularelemente für diese Art von Interaktion einfach nicht gut genug. Und so müssen wir ein benutzerdefiniertes Autocomplete-Steuerelement von Grund auf neu erstellen. Eine Warnung vorab: Dies ist eine der schwierigsten Benutzeroberflächenkomponenten, die ich je erstellen musste – sie sind einfach viel schwieriger, als sie aussehen.

Ich habe auch gerade Adams Buch gekauft, Form Design Patterns, und dieser Beitrag macht mich jetzt besonders gespannt darauf, es zu lesen.

Direkter Link →