Inhalte visuell und trotzdem zugänglich verstecken

[Matthias Apsel]

Hallo alle,

bei meinen Recherchen zu zugänglichen Formularen habe ich mir JAWS installiert und musste feststellen, dass neben

display: none;

und

visibility: hidden;

auch

rect: (1px, 1px, 1px, 1px);

und

font: 0/0 serif;

nicht vorgelesen wird.

Auch ein „Einsperren“ in

@media screen {
}

oder

@media only screen {
}
/* Das war eigentlich klar */

brachte nicht den gewünschten Erfolg.

Lediglich das Verschieben aus dem Viewport

left: -99999px;

sowie

aria-label

funktionierte.

Also: Wie macht mans richtig?

Bis demnächst
Matthias