Barrierefreies Formular - Test-Tools und keyboard focus

Antonella

Hallo zusammen,

ich würde gerne die Formulare (Convert Forms) auf einer gerade neu entstehenden Website optimieren, und zwar so, dass die Felder, wenn ich sie mit dem Keyboard ansteuere, markiert sind. Das funktioniert mit etwas CSS bei den einfachen input- und textarea-Feldern gut. Nur checkbox- und radio-Felder wollen nicht so wie ich will.

Meine Fragen:

Gibt es ein spezielles Test-Tool für die Barrierefreiheit von Formularen?
Wie macht ihr das mit checkbox- und radio-Feldern?

LG

Antonella

drmenzelit

ConvertForms unterdrückt das :focus-visible, was für das Markieren der Felder zuständig ist.

Ich habe in meinem user.css Folgendes ergänzt:

Code

.convertforms button, 
.convertforms form, 
.convertforms label, 
.convertforms .cf-input {
  &:focus-visible {
    outline: 2px dotted blue;
  }
}

Antonella

Hi Viviana,

super, vielen Dank! Das hat funktioniert. Ich werde die Lösung an Tassos weitergeben.

LG

Antonella

SniperSister

Zitat von drmenzelit

ConvertForms unterdrückt das :focus-visible, was für das Markieren der Felder zuständig ist.

Es bestätigt einmal mehr ein Grundgesetz der Accessibility: das Web an sich ist so lange Accessible, bis Entwickler mal wieder der Meinung sind, dass sie es besser wüssten...

Tags