Mein Tooltip-Barrierefreiheitsfehler und wie ich ihn behoben habe
Fixing my tooltip accessibility mistake
Jake Archibald erklärt, wie er bei der Erstellung eines Tooltips einen Fehler bei der Barrierefreiheit machte: Er entfernte das `aria-label` von einem Button, wodurch dieser keinen zugänglichen Namen mehr hatte. Screenreader wie VoiceOver meldeten daraufhin „klickbares Bild“ statt des Button-Namens. Die Lösung: `aria-labelledby` verwenden, um den Namen aus dem Tooltip zu beziehen. Er betont, wie wichtig es ist, interaktive Elemente immer mit einem zugänglichen Namen zu versehen und mit mehreren Screenreadern zu testen.
Stellen Sie immer sicher, dass interaktive Elemente einen zugänglichen Namen haben. Und testen Sie, wenn möglich, mit mehreren Screenreadern – das Testen mit nur einem Screenreader ist wie das Testen mit nur einem Browser: Es gibt nicht immer das vollständige Bild.