Smernice

Dostopno strukturirani seznami in tabele

Pravilno strukturirani seznami in tabele omogočajo, da informacije razumejo tudi uporabniki podpornih tehnologij. Hkrati izboljšajo preglednost, berljivost in orientacijo po vsebini za vse uporabnike.
Vrsta: Digitalna dostopnost
Zahtevnost: Osnovno
Avtor: DigARegion
Objavljeno:
Posodobljeno:
Deli na:

Smernica pokriva oviranosti:

Seznami in tabele so med najpogosteje uporabljenimi elementi na spletnih straneh in v dokumentih. Če niso pripravljeni s pravilno strukturo, jih podporne tehnologije ne morejo pravilno interpretirati, uporabniki pa težje razumejo odnose med posameznimi informacijami.

Za katere uporabnike je to posebej pomembno?

Pravilno strukturirani seznami in tabele so posebej pomembni za:

  • slepe in slabovidne uporabnike, ki uporabljajo bralnike zaslona,
  • osebe s kognitivnimi oviranostmi,
  • uporabnike povečevalnikov zaslona,
  • vse uporabnike, ki želijo informacije hitro pregledati in razumeti.

Dobro strukturirana vsebina omogoča hitrejše iskanje informacij, lažjo orientacijo in boljše razumevanje podatkov.

Dostopni seznami

Kadar naštevamo več elementov, uporabimo seznam. To velja tako za spletne strani kot tudi za dokumente Word, PDF in druge digitalne vsebine.

Na spletnih straneh morajo biti seznami označeni s semantičnimi HTML elementi <ul> ali <ol>, v dokumentih pa uporabimo funkcijo Seznam. Ročno dodajanje alinej z vezaji, zvezdicami ali drugimi znaki ni dovolj, saj jih podporne tehnologije ne prepoznajo kot pravi seznam.

Bralnik zaslona pri pravilno pripravljenem seznamu uporabniku najprej pove, da gre za seznam, nato pa tudi število elementov na seznamu. Tako uporabnik lažje razume strukturo vsebine in se po njej učinkoviteje orientira.

Kako preverimo, ali je seznam pravilno pripravljen?

Na spletni strani

  • pregledamo izvorno kodo in preverimo, ali so uporabljeni elementi <ul>, <ol> in <li>;
  • označimo besedilo in če se skupaj z besedilom označi tudi alineja oziroma številka, gre običajno le za navadno besedilo in ne za pravi seznam.

Več o ustreznih kontrastih in uporabi barve

Primer neustrezno strukturiranega seznama (levo), kjer se ob označitvi izberejo tudi alineje, in ustrezno strukturiranega seznama (desno), kjer se ob označitvi izbere le besedilo.

V programu Microsoft Word

  • kliknemo v posamezen element seznama in preverimo, ali je aktivna funkcija Seznam;
  • pri novejših različicah Worda se seznam običajno ustvari samodejno, če uporabnik vnese alinejo in pritisne preslednico.
Namig: Če je seznam ustvarjen z uporabo funkcije za sezname, bo podporna tehnologija uporabniku sporočila, da gre za seznam in koliko elementov vsebuje.

Dostopne tabele

Tabele uporabljamo za prikaz podatkov, ki imajo jasno razmerje med vrsticami in stolpci. Ne uporabljamo jih za postavitev vsebine na strani.

Poleg ustreznega kontrasta in berljivosti morajo imeti tabele pravilno označene glave vrstic in stolpcev. To omogoča, da podporne tehnologije razumejo strukturo tabele in uporabniku ob branju posamezne celice sporočijo tudi, na katero vrstico ali stolpec se podatek nanaša.

Če glave niso določene, bralnik zaslona pogosto prebere le vsebino posamezne celice, uporabnik pa težko razume njen pomen brez pogleda na celotno tabelo.

 

Tabela s šolskim urnikom, v kateri so glave pravilno določene v prvi vrstici in prvem stolpcu za lažje razumevanje podatkov.

Kako preverimo, ali je tabela pravilno pripravljena?

Pri tabeli preverimo:

  • ali je besedilo dovolj kontrastno in berljivo;
  • ali tabela ni po nepotrebnem zapletena;
  • ali so jasno določene glave vrstic oziroma stolpcev.

Na spletni strani

  • preverimo, ali so glave označene z elementom <th> in ne kot navadne celice <td>.

V programu Microsoft Word

  • izberemo tabelo in odpremo Načrt tabele;
  • preverimo, ali sta vključeni možnosti Vrstica z glavo in po potrebi Prvi stolpec.
Pogled v dokument Microsoft Word, kjer sta kot glavi tabele označena prva vrstica in prvi stolpec.
Namig: Če ima tabela pravilno označene glave, bo bralnik zaslona pri premikanju med celicami poleg vrednosti prebral tudi naslov stolpca ali vrstice. Tako uporabnik tudi pri večjih tabelah vedno razume pomen posamezne vrednosti.

Povezava s smernicami dostopnosti (WCAG)

Področje seznamov in tabel pokrivajo predvsem naslednji kriteriji uspeha WCAG:

  • 1.3.1 Informacije in razmerja (Info and Relationships)
  • 1.4.3 Kontrast (najmanjši)
  • 1.4.11 Nebesedilni kontrast

Pravilno strukturirani seznami in tabele omogočajo, da informacije enako učinkovito razumejo tako videči uporabniki kot tudi uporabniki podpornih tehnologij. Z uporabo semantično pravilnih seznamov in ustrezno označenih glav tabel izboljšamo dostopnost, preglednost ter kakovost digitalnih vsebin za vse uporabnike.