WebAIM hat heute auf ein sehr interessantes Problem hingewiesen: Hiding content for screen readers. Gängige Praxis ist es ja, Inhalte für Screenreader zu verstecken, sie aus dem sichtbaren Bereich der Webseite zu schieben.
Per CSS wird der Bereich dafür gemeinhin nach links (left: - 1000px
) und nach oben in den Minusbereich (top: -1000px
) verschoben. Enthält dieser versteckte Bereich etwa einen Link, wird dieser angesprungen, wenn man mit der Tastatur navigiert. Das bewirkt dann jedoch, dass der Browser bei jedem versteckten Link, der den Fokus erhält, wieder ganz nach oben springt.
Weiterlesen „WebAIM: Inhalt vor Screenreadern verstecken: Update“