MrMurphy1: Inhalte visuell und trotzdem zugänglich verstecken

Beitrag lesen

SELF-Forum

Inhalte visuell und trotzdem zugänglich verstecken

MrMurphy1
+1 Informationen zu den Bewertungsregeln

Hallo

Also: Wie macht mans richtig?

Es gibt leider keine kostenlosen oder zumindest kostengünstigen Möglichkeiten den eigenen Quellcode auch praktisch auf Zugänglichkeit / Barrierefreiheit zu prüfen.

Für den Firefox gab es mal ein AddOn, das anzeigen sollte, wie Screenreader eine Seite vorlesen. Später war dann zu lesen, dass das AddOn wohl doch Unterschiede zu realen Screenreadern machte und damit eher sinnlos war.

Zur Zeit bleibt wohl nur sich auf Dritte zu verlassen und deren Lösungen zu übernehmen.

Bis ich was anderes höre benutze ich aktuell die Lösung vom HTML5 Boilerplate

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

das sich wie im Kommentar ersichtlich auf

http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

bezieht und auf Github zusätzlich auf

http://webaim.org/techniques/css/invisiblecontent/

Gruss

MrMurphy

Beitrag melden
+1
Informationen zu den Bewertungsregeln