input in Tabellen barrierefrei

[Marc]

Hej Matthias,

Ist die Tabelle auch ohne label-Elemente barrierefrei (natürlich unter der Voraussetzung, dass Überschriftszellen entsprechend formuliert sind)?

Auch ich bin kein Screenreader-Experte (darauf zielst du ja letztendlich ab), aber ich teste es mal mit VoiceOver auf dem iPhone, wenn du magst.

Hast du einen codepen oder so?

Aus dem BITV-Test:

Prüfschritt 1.3.1h

Beschriftung von Formularelementen programmatisch ermittelbar

Bei label-Elementen geschieht das über das for-Attribut oder den Einschluss des beschrifteten Formularelements in das label-Element. Sind Beschriftungen nicht mit dem label-Element ausgezeichnet, soll eine Beschriftung des zugehörigen Formularelements auf anderem Weg (etwa über das aria-labelledby-Attribut) sichergestellt sein.

Ist bei Gruppen von Formularelementen eine Gruppenbeschriftung für das Verständnis der Beschriftung der einzelnen Formularelemente nötig, sollte die Verfügbarkeit sichergestellt werden (z.B. mit Hilfe von fieldset mit legend).

Mir scheint, formal könnte man den Punkt als „eher erfüllt“ und damit als bestanden ansehen.

Aber es gibt noch mehr Prüfschritte:

Abgrenzung zu anderen Prüfschritten Ob die Beschriftungen von Formular-Elementen (auch bei Nutzung von Gruppenüberschriften als Ergänzung der unmittelbaren Beschriftungen) hinreichend aussagekräftig sind, wird in Prüfschritt 2.4.6a "Aussagekräftige Überschriften und Beschriftungen" geprüft. Hier geht es um die programmatische Ermittelbarkeit. Ob die sichtbare Beschriftung überhaupt vorhanden ist, wird in Prüfschritt 3.3.2a "Beschriftungen von Formularelementen vorhanden" geprüft. Ob die sichtbare Beschriftung im zugänglichen Namen des Formularelements vorkommt, wird in Prüfschritt 2.5.3a "Sichtbare Beschriftung Teil des zugänglichen Namens" geprüft.

Es kommt ja auch nicht nur auf die Zugänglichkeit für blinde an. Sind die Spaltenüberschriften denn auf jeden Fall im viewport? Ist die Tabelle so simpel, dass auch Menschen mit Konzentrationsschwäche und anderen kognitiven Einschränkungen damit klar kommen werden?

Spätestens wenn (hohe) Zoomstufen nötig werden, sind die Bezüge für Sehende wohl nicht mehr auszumachen?!?

Muss man mal fertig sehen, ist so nicht abschließend zu beurteilen.

Über den Test hinaus gehende Empfehlungen beschreiben ein optimales Formular als eines mit einer einzigen Achse. In unserem Kulturkreis sollten Label und eingabefelder linksbündig untereinander stehen.

Letztlich kommt es darauf an, wie gut das Formular im Endergebnis bedienbar ist.

Marc (marctrix)