This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Kako slijepi posjetitelji saznaju za statusne poruke na web mjestu?
Slijepi posjetitelji saznaju za statusne poruke samo ako web mjesto tehnički označi kao poruku — tada čitač ekrana automatski najavljuje, bez da posjetitelj napusti svoju trenutnu poziciju. Ako se poruka „Stavka je dodata u košaricu” pojavljuje samo vizualno na rubu ekrana, ostaje tiha za čitače ekrana. WCAG kriterij 4.1.3 zahtijeva da statusne poruke budu programski prepoznatljive.
Tiha poruka je kao kimnuće na telefonu
Statusne poruke prate gotovo svaku radnju na webu: „Stavka u košarici”, „Pronađeno 3 rezultata”, „Vaša poruka je poslana”, „Obrazac se učitava”. Vidioci ga primjećuju uzgred. Ali slijepo vrijeme ima fokus drugdje — možda još na gumbu koji je upravo pritisnuo. Ako se potvrda pojavljuje samo vizualno, nikad ne saznaje je li njegova radnja vrijedila. Ponovno pritisne, stavku doda dvaput u košaricu ili nesigurno odustane. Rješenje: područje poruke se u izvornom kodu označava kao statusno područje. Čitači ekrana promatraju takva područja i automatski najavljuju novi sadržaj — osoba ostaje na svom mjestu, ipak čuje potvrdu.
Kako služba za provjeru provjerava statusne poruke
Automatska mjera s axe-core provjerava tehnički dio postojećih područja poruka: jesu li oznake valjane i pravilno korištene kako bi programi za pomoć mogli biti tumačeni. Ključno pitanje ide dalje: je li svaka poruka koja se pojavi tijekom stvarnog korištenja zaista najavljena. To se može samo procijeniti ako netko koristi web mjesto i sluša. Naš izvještaj stoga jasno označava ovaj dio kao ručnu stavku provjere. Kod zlatnog standarda osoba pokreće uobičajene radnje — stavi nešto u košaricu, pošalje obrazac, pokrene pretraživanje — i provjerava s čitačem ekrana je li potvrda čujno stignula. Prazna provjera se za nas računa kao greška, nikada kao dozvola.
Beispiele
Warenkorb-Meldung nur sichtbar
<div class="toast">Artikel im Warenkorb</div><div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>Mit role="status" wird die Meldung angesagt, ohne den Fokus zu verschieben. Für Fehler mit Handlungsbedarf: role="alert".
- Skupite sve statusne poruke na vašoj web stranici: potvrde košarice, brojače rezultata pretraživanja, potvrde slanja, savjete učitavanja.
- Zamolite svoju agenciju da u izvornom kodu označi područja poruka kao statusno područje kako bi čitači ekrana mogli biti najavljeni.
- Testirajte s čitačem ekrana ugrađenim u vaš operacijski sustav je li poruka nakon radnje čujno najavljena.
- Zadržite statusne poruke kratke i jasne — tekst se čita doslovno, dugačke poruke umaraju sluškanje.