Smernice

Povečava in prilagoditev vsebin

Povečava vsebine in prilagoditev videza spletne strani sta ključni za to, da lahko vsebino berejo in uporabljajo vsi uporabniki. Ko uporabnik poveča prikaz besedila ali strani, mora vsebina ostati pregledna in berljiva, brez potrebe po vodoravnem drsenju ali izgubi informacij. Če se ob povečavi elementi prekrivajo, izginejo ali postanejo nepregledni, postane uporaba spletne strani zelo otežena.
Vrsta: Digitalna dostopnost
Zahtevnost: Osnovno
Avtor: Andreja Bevc
Objavljeno:
Posodobljeno:
Deli na:

Smernica pokriva oviranosti:

Vsebino pripravili:
Zavod za digitalno dostopnost A11Y.si

Pomembno je tudi, da si uporabniki lahko prilagodijo videz besedila, na primer razmik med vrsticami, črkami in odstavki. Takšne prilagoditve zmanjšujejo napor pri branju, izboljšujejo razumevanje vsebine in omogočajo udobnejšo uporabo spleta. Ko je vsebina prilagodljiva, se izboljša uporabniška izkušnja ne glede na to, kako in v kakšnih pogojih uporabnik splet uporablja.

Primer 400% povečane vsebine, ki ostane pregledna in berljiva:

Zaslonska maska besedila, ki predstavlja urnik organizacije, kjer se tudi pri zelo veliki povečavi vsebina prilagodi in ostane berljiva.
Zaslonska maska besedila, ki predstavlja urnik organizacije, kjer se tudi pri zelo veliki povečavi vsebina prilagodi in ostane berljiva.

Za katere uporabnike so povečava in prilagoditve vsebine posebej pomembne?

Možnost povečave in prilagoditve videza je še posebej pomembna za:

  • osebe s slabovidnostjo,
  • osebe, ki uporabljajo povečave zaslona,
  • osebe z disleksijo in drugimi kognitivnimi oviranostmi,
  • starejše uporabnike.

Hkrati pa takšne prilagoditve koristijo tudi širši javnosti, na primer pri uporabi mobilnih naprav, v slabših svetlobnih razmerah ali pri daljšem branju. Ko je vsebina berljiva, prilagodljiva in stabilna tudi ob povečavi, je splet lažje in prijetneje uporabljati za vse.

Povečava vsebine

Možnost povečave vsebine je posebej pomembna za uporabnike z zmanjšanim vidom, saj jim omogoča udobnejše branje in boljše razumevanje spletnih vsebin brez uporabe dodatnih pripomočkov. Uporabniki pogosto povečajo prikaz strani neposredno v brskalniku, zato mora spletna stran tudi pri večjih povečavah ostati pregledna in uporabna. Če se ob povečanju postavitev poruši ali deli vsebine izginejo, to predstavlja resno oviro pri uporabi.
Pomembno je, da se besedilo in vsebina lahko povečata do 400 % pri širini zaslona 1280 px, pri čemer ne sme priti do izgube informacij, funkcionalnosti ali razumljivosti strani.

Primer prekrivanja vsebine pri povečavi:

Zaslonska maska besedila, ki se začne ob povečavi prekrivati samo s sabo, saj je višina vrstic določena fiksno (v px)
Zaslonska maska besedila, ki se začne ob povečavi prekrivati samo s sabo, saj je višina vrstic določena fiksno (v px)

Kje se pri povečavah najpogosteje pojavijo težave?

Prekrivanje besedila

Pogosta težava pri večjih povečavah (npr. 400 %) je prekrivanje besedila, na primer z drugimi elementi, kot so meniji, ikone vtičnikov ali pojavna okna.

Primer prekrivanja vsebine z ikono:

Zaslonska maska besedila v nogi, ki se začne ob povečavi prekrivati z lebdečo ikono v nogi in tako besedilo postane neberljivo
Zaslonska maska besedila v nogi, ki se začne ob povečavi prekrivati z lebdečo ikono v nogi in tako besedilo postane neberljivo

Prikazno območje je premajhno

Prav tako se lahko zgodi, da je pri visoki povečavi prikazno območje za besedilo premajhno, kar dodatno oteži branje.

Primer premajhnega prikaznega območja besedila:

Zaslonska maska besedila v nogi, kjer je prikazno onmočje besedila (okvir) določen fiksno in je od določene povezave naprej vsebina porezana in neberljiva.
Zaslonska maska besedila v nogi, kjer je prikazno onmočje besedila (okvir) določen fiksno in je od določene povezave naprej vsebina porezana in neberljiva.

Vsebina se ne prilagodi širini

Pri neustrezni prilagoditvi se ob povečavi pogosto pojavi tudi vodoravni drsnik, saj se vsebina ne prilagodi širini zaslona. To zahteva nenehno pomikanje levo in desno, kar uporabnika hitro utrudi in oteži sledenje vsebini.

Primer kjer se vsebina ne prilagodi širini in se pojavi vodoravni drsnik:

Primer zaslonske maske, kjer se ob povečavi pojavi tudi horizontalni drsnik in ga moramo uporabiti, da lahko zaznamo celotno vsebino
Primer zaslonske maske, kjer se ob povečavi pojavi tudi horizontalni drsnik in ga moramo uporabiti, da lahko zaznamo celotno vsebino

Kako preverimo delovanje spletne strani pri povečavah?

Preglednost in delovanje spletne strani pri povečavi lahko enostavno preverimo tako, da v brskalniku povečamo prikaz do 200% pri širini 1280px. Besedilo, postavitev in funkcionalnosti morajo pri tem ostati jasno vidni in uporabni in popolnoma upravljivi. Pri tej povečavi se na večini strani namesto standardnega menija pojavi že tako imenovani “hamburger meni”, ki ga je potrebno ločeno testirati.

Nato povečavo povišamo do 400%, kjer se mora funkcionalnost obdržati in vsebina mora biti zaznavna brez potrebe po vodoravnem drsenju (drsnik se naj ne bi prikazal, če se drsenje ne sme biti potrebno, da lahko preberemo vso vsebino). Vodoravno drsenje je dopustno v primeru povečanih slik in podatkovnih tabel.

Prilagoditve razmikov

Možnost prilagajanja razmikov med vrsticami, črkami in odstavki ima velik vpliv na berljivost besedila. To je še posebej pomembno za uporabnike z disleksijo, slabovidnostjo ali kognitivnimi oviranostmi. Ustrezni razmiki zmanjšujejo vizualno preobremenjenost in omogočajo lažje sledenje besedilu.
Če so razmiki pretesni, je branje naporno, predvsem pri daljših besedilih. Zato mora biti spletna vsebina zasnovana tako, da omogoča prilagoditev razmikov v skladu s smernicami dostopnosti, brez prekrivanja vsebine ali izgube funkcionalnosti.

Primer, kjer se ob prilagoditvi razmikov vsebina začne prekrivati:

Zajem slike, kjer se ob povečavi besedilo prekriva z obrazcem in kjer se elementi obrazca hkrati ne povečujejo
Zajem slike, kjer se ob povečavi besedilo prekriva z obrazcem in kjer se elementi obrazca hkrati ne povečujejo

Prilagojeno za različne usmeritve zaslona

Spletna stran mora biti uporabna ne glede na to, ali je zaslon postavljen pokončno (portrait) ali ležeče (landscape). Vsebina se mora pravilno prilagoditi obema usmeritvama, saj uporabniki do spletnih vsebin dostopajo z zelo različnimi napravami.

To je še posebej pomembno za uporabnike z gibalnimi oviranostmi, ki uporabljajo naprave, lahko nameščene tudi na invalidskih vozičkih, pritrjene tablice ali posebne nosilne sisteme, kjer obračanje zaslona ni mogoče. Enako velja za uporabnike večjih ali fiksnih zaslonov, kjer sprememba orientacije ni praktična ali izvedljiva.

Povezava s smernicami dostopnosti (WCAG)

Področje povečave vsebine in prilagoditev videza spletnih strani naslavljajo naslednji kriteriji uspeha WCAG:


Ti kriteriji zagotavljajo, da je besedilo mogoče povečati in prilagoditi brez izgube vsebine ali funkcionalnosti ter brez potrebe po vodoravnem drsenju. Omogočajo, da spletne strani ostanejo berljive, pregledne in uporabne tudi pri večjih povečavah ali spremenjenih razmikih, kar je ključno za uporabnike z zmanjšanim vidom, kognitivnimi oviranostmi in vse, ki potrebujejo prilagodljiv prikaz vsebine.