Pri izradi web-lokacije slijedite savjete u nastavku kako bi bila jasnija za sve korisnike, uključujući osobe s invaliditetom.
Uključivanje zamjenskog teksta
Upotrijebite zamjenski tekst za slike, logotipe, crteže i druge grafičke elemente. Bez zamjenskog teksta korisnici čitača zaslona čut će samo "slika". Neke slike automatski uključuju zamjenski tekst, stoga je dobro provjeriti je li zamjenski tekst onakav kakav želite.
Dodavanje ili uređivanje zamjenskog teksta na umetnutim slikama
- Odaberite sliku ili logotip.
- Odaberite Više opcija uređivanja Dodaj zamjenski tekst.
- Unesite zamjenski tekst u polje opisa.
Dodavanje ili uređivanje zamjenskog teksta na pozadinskim slikama
- Na računalu otvorite web-lokaciju na Google web-lokacijama.
- Dodajte zamjenski tekst na pozadinsku sliku u sljedećim odjeljcima:
- Zaglavlje vaše web-lokacije: u donjem lijevom kutu zaglavlja kliknite Slika .
- Odjeljak: desno od odjeljka kliknite Boje odjeljka Slika .
- Kliknite Zamjenski tekst.
- U polje opisa unesite zamjenski tekst.
Dodavanje ili uređivanje zamjenskog teksta na logotipu prilagođene teme ili slikama natpisa
Dodavanje zamjenskog teksta novim prilagođenim temama
- Na računalu otvorite web-lokaciju na Google web-lokacijama.
- Na desnoj strani odaberite ploču Teme.
- U odjeljku Prilagođeno odaberite Izradi temu .
- Da biste prenijeli logotip ili sliku natpisa, kliknite Dodaj sliku Prenesi.
- Da biste dodali zamjenski tekst, kliknite prenesenu sliku Zamjenski tekst.
Dodavanje ili uređivanje zamjenskog teksta prilagođenim zaglavljima teme
- Na računalu otvorite web-lokaciju na Google web-lokacijama.
- Na desnoj strani odaberite ploču Teme.
- U odjeljku Prilagođeno u gornjem desnom kutu prilagođene teme odaberite Više Uredi.
- U odjeljku Slike kliknite naslovnu sliku Zamjenski tekst.
- U polje opisa unesite zamjenski tekst.
Saznajte više o prilagođenim temama.
Upotreba kontrasta u boji
Uz dovoljan kontrast boje tekst i slike mogu se lakše pročitati i razumjeti. Smjernice za pristupačnost web-sadržaja (WCAG) 2.0 preporučuju minimalni omjer 4,5:1 za veliki tekst i 7:1 za ostali tekst i slike. Na primjer, izbjegavajte svijetli sivi tekst na bijeloj pozadini.
Pomoću razvojnih alata za Chrome pregledajte prijedloge za povećanje kontrasta boje i primijenite ih na svoju web-lokaciju.
Upotreba informativnog teksta veze
Čitači zaslona mogu skenirati veze, stoga je informativni tekst veze koristan. Najbolje je upotrijebiti naslov stranice kao tekst veze. Na primjer, ako postavljate vezu stranice svojeg profila, u tekstu veze treba pisati "moj profil", a ne "kliknite ovdje" ili potpuni URL.
Provjera veličine i poravnanja teksta
Radi lakšeg čitanja web-lokacije upotrijebite veliki tekst poravnat ulijevo kad god je to moguće. Tekst koji je obostrano poravnat teže se čita zbog dodatnog prostora između riječi.
Upotreba teksta za podržavanje oblikovanja
Nije dobro oslanjati se samo na vizualno oblikovanje za prenošenje značenja. Čitači zaslona možda neće najaviti promjene oblikovanja, kao što su podebljanje ili isticanje. Na primjer, da biste označili važan dio teksta, dodajte riječ "važno".
Upotreba numeriranih popisa i popisa s grafičkim oznakama
Google dokumenti i Google prezentacije automatski prepoznaju i oblikuju neke popise radi pristupačnosti. Na primjer, ako novi redak u dokumentu započnete upisivanjem broja jedan i točke, novi redak automatski postaje prva stavka na numeriranom popisu. Saznajte kako oblikovati popise s grafičkim oznakama i numerirane popise.