This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Zašto redoslijed sadržaja u kodu mora biti točan?
Redoslijed u kodu mora biti točan jer programi za čitanje stranicu čitaju upravo ovim redoslijedom — neovisno o tome kako su sadržaji na ekranu raspoređeni. Ako u kodu cijena prije imena proizvoda, slijepi posjetitelj prvi čuje »89 eura« i ne zna za što. Vidljiva redoslijed i redoslijed koda moraju se podudarati.
Dva prikaza iste stranice
Svaka web-stranica postoji dvostruko: jednom kao vidljiv dizajn na ekranu i jednom kao kod gdje sadržaj stoji uzastopno. Modernetechnike dizajna mogu oba odvojiti — element koji u kodu stoji sasvim dolje može se pojaviti optički gore lijevo. Za vidljive posjetitelje to je nevidljivo. Program za čitanje, međutim, slijedi rigidno kod. Primjer: popis cijena prikazuje tri paketa pokraj, ali u kodu prvo stoje svi tri naslova, zatim sva tri cijene, zatim sva tri opisa. Slijepi posjetitelj čuje »Osnovna, Komfort, Premium, 29 eura, 59 eura, 99 eura« — i ne može više dodijeliti cijene paketima.
Tako naša mjerna jezgra provjerava redoslijed
Alat za provjeru axe-core prepoznaje pojedinog tehnički signale koji upućuju na narušeni redoslijed — npr. oznake koje razvlače elemente iz čitanog toka. Leži li redoslijed čitanja konkretne stranice sadržajno smisla, stroj, međutim, može samo ograničeno prosuditi: trebate razumjeti sadržaj. Mjerna jezgra slijedi ovdje svoje načelo da neupadljiv prolaz nije oprost — ono što automatika ne može sigurno prosuditi, izvješće označava kao »ručno provjerite«. Pri zlatnom standardu ispitivač ispisuje stranicu u redoslijedu koda i prosudio je li sadržaj tako razumljiv.
Beispiele
Reihenfolge per CSS umgestellt
<div style="display:flex; flex-direction:column-reverse">
<p>Schritt 2: Termin bestätigen</p>
<p>Schritt 1: Termin wählen</p>
</div><div>
<p>Schritt 1: Termin wählen</p>
<p>Schritt 2: Termin bestätigen</p>
</div>Vorleseprogramme lesen den Quelltext in seiner Reihenfolge. Was optisch umgedreht wird, kommt falsch herum an.
- Zatražite od agencije da samo jednom vide glavne stranice bez dizajna — samo kao redoslijed koda.
- Posebno pažljivo provjerite popisbe cijena i usporedne tablice: tamo dizajn odvojava povezane specifikacije najčešće.
- Pri pregradnjama pazite da se sadržaj u kodu ubaci tamo gdje sadržajno pripada — ne tamo gdje je tehnički ugodno.
- Testirajte nakon većih promjena dizajna s Tab tipkom: ako skok ide krste-prekrižno, obično je i redoslijed koda pogrešan.
- Uključite redoslijed čitanja kao kriterij prihvata u ugovore s agencijom.