This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Kako moraju biti funkcionalni savjeti i pop-upovi na web stranicama?
Pop-upovi koji se pojavljuju tijekom kontakta s mišem ili fokusa tipkovnice — savjeti, podmeni, info-baloni — moraju zadovoljiti tri uvjeta: Posjetitelj ih može zatvoriti bez pokretanja mišem, obično s tipkom Escape. Može pomicati mišem na sam pop-up bez da on nestane. I ostaje dok ga sam ne zatvori ili se ne kreće.
Tri pravila za svaki pop-up
Osoba s jakim povećanjem ekrana vidi samo mali dio stranice. Ako se tijekom kontakta s mišem pojavi savjet, brzo prekriva upravo tekst koji čitač čita — bez mogućnosti zatvaranja zapeo je. Zato prvi zakon: može se ukloniti, obično s tipkom Escape. Drugi zakon ima istu grupu: da bi se pop-up čitao povećan, mišem se mora moći pomicati — ako nestane čim se miš ukloni iz pokretača, sadržaj je nedostižan. Treći zakon zahtijeva trajnost: pop-up koji sam nestane nakon nekoliko sekundi nije vrijedan za spore čitatelje. Klasični problemi su prilagođeni podmeni i info-simboli u obrascima.
Kako naša provjera obrađuje pop-upove
Pop-upovi se pojavljuju samo u interakciji: trebate pomicati mišem preko pokretača, pritisnuti tipku Escape, promatrati vrijeme zadržavanja. Naša mjerna jezgra provodi na vašoj stranici ciljane, pasivne interakcije — kreće se s fokusom tipkovnice kroz stranicu i promatraće ponašanje. Ali to ne daje potpuno mišljenje o sve tri uvjete za svaki pop-up; prema našem principu ovdje bez stvarnog dokaza ništa nije prihvaćeno. Izvješće o provjeri to jasno označava: svaki WCAG kriterij pojavljuje se pojedinačno kao prihvaćen, prekorašen, trebam ručnu provjeru ili nije automatiziran. Kod standarda Gold, čovjek proverava sve pop-upove na vašoj stranici s mišem i tipkovnicom.
Beispiele
Tooltip nur beim Überfahren
<span class="hilfe" title="Die Kundennummer steht auf der Rechnung oben rechts.">?</span><button type="button" aria-describedby="hilfe-knr" aria-expanded="false">Wo finde ich das?</button>
<p id="hilfe-knr" hidden>Die Kundennummer steht auf der Rechnung oben rechts.</p>Eine Einblendung muss per Tastatur erreichbar sein, mit Escape schließen und stehen bleiben, solange der Zeiger darauf ruht.
- Prosljeđujte mišem preko info-simbola i meni vaše stranice te pritisnite Escape — pop-up bi trebao biti zatvoriti.
- Pomičite mišem od pokretača do samog pop-upa — trebao ostati otvoren.
- Uklonite vremenske sklopke koje automatski zatvaraju pop-upove nakon nekoliko sekundi.
- Koristite klik umjesto kontakta miša kao pokretač — što se otvara i zatvara klikom, gotovo automatski zadovoljava pravila.
- Molite agenciju da koristi dokazane, dostupne gradivne blokove za podmeni i savjete umjesto prilagođenih rješenja.