Barrierefreiheit Magento Onlineshop im Checkout bzw. Kassenvorgang
Dieser Beitrag soll übliche Probleme im Bereich des Checkouts beschreiben und die Lösungen im Hinblick auf diese Probleme.
Fehlende, falsche oder keine Label-Attribute bei Eingabefeldern
Ein häufiges Problem sind, dass im Kassenbereich viele Formulare bzw. Eingabefelder benötigt werden. Jedes dieser Eingabefelder sollte ein Label-Feld haben. Label Felder sind dabei spezielle HTML-Formatierungen. Es reicht nicht aus ein div-Container, paragraph-Tag oder ähnliches HTML-Element zu verwenden und in diesem steht eine Bezeichnung für das Feld. Das ist kein saubere HTML-Code.
Neben der Tatsache, dass es ein Label-Feld sein muss, ist aber auch die Positionierung zu beachten! Das Label feld muss auch technisch korrekt dem Input Feld zugeordnet sein! Es reicht nicht aus "irgendwo" ein Label-Feld in der Nähe des Input Feldes einzufügen.
Keine Navigation per Tab-Taste möglich
Ein nicht so häufiges, aber kritische Probleme ist die fehlende Möglichkeit per Tab-Taste zu navigieren. In einer korrekten HTML Seite, ist es möglich, dass alle Button/Links per Tab-Taste angewählt werden können.
Im Checkout von Magento ist das üblicherweise möglich. Jedoch sollte es unbedingt getestet werden, ob auch Dinge wie AGB usw. angewählt werden können. Wenn dies nicht der Fall ist. Sollte es hier Probleme geben, ist üblicherweise der HTML-Code falsch strukturiert.
mehr Informationen zu Barrierefreiheit und Magento Onlineshops gibt es hier
