Translation prepared by Alex Hillsberg for FinancesOnline.com

Business Applications | Software Reviews | Software Alternatives | Software Comparisons

Ta dokument je prevod in njegova vsebina se mogoce ne ujema popolnoma s to originala. Prevod jepripravil Alex Hillsberg. Anglesko verzijo lahko najdete tukaj.

Spletna dostopnost za oblikovalce

Poudarek spletne dostopnosti je pogosto na spletnem razvoju – stvari, ki se dogajajo v HTML-ju, CSS-ju, ali JavaScriptu po tem, ko stran vizualno oblikujemo. Optimalna dostopnost se bi morala začeti mnogo prej, že kot del vizualnega oblikovalnega procesa. Izdelali smo infograf, ki se osredotoča na nekaj pomembnih načel za dostopno oblikovanje.

Infograf

Spletna dostopnost za oblikovalce z besedilnim opisom spodaj

Besedilna verzija

Načrtujte zgradbo naslovnic zgodaj

Prepričajte se, da se vsa vsebina in oblikovanje prilega v logično strukturo naslovnic.

Premislite o vrstnem redu branja

The Vrstni red branja naj bo enak kot vizualni vrstni red.

Zagotovite dober kontrast

Bodite še posebej previdni pri svetlih odtenkih sive, oranžne in rumene. Preverite svoje nivoje kontrasta z našim orodjem za preverjanje kontrasta.

Uporabite True Text kjer ga lahko

True text se bolje poveča, nalaga hitreje in ga je lažje prevesti. Uporabite CSS, da dodate vizualno obliko.

Bodite previdni pri uporabi VELIKIH ČRK

Vse v velikih črkah je težko brati in bralniki zaslona lahko podatke narobe preberejo.

Uporabite primerno velikost pisave

Velikost pisave je lahko odvisna od izbrane pisave, ampak 10 točk je ponavadi minimum.

Ne pozabite na dolžino vrstic

Ne naredite jo predolgo ali prekratko.

Prepričajte se, da so povezave vidne

Označite povezave v telesu strani s podčrtovanjem ali s čim drugim razen barve.

Oblikujte kazalnike za označene povezave

Prepričajte se, da lahko uporabniki tipkovnic vidijo označeno povezavo. Uporabite standardno črtkano črto ali druge nebarvne kazalnike.

Oblikujte povezavo"Preskoči na glavno vsebino"

Povezava za uporabnike tipkovnic, s katero lahko preskočijo navigacijo naj bi bila na vrhu strani. Lahko je skrita, ampak bi morala biti vidna, ko preide fokus tipkovnice nanjo..

Prepričajte se, da je besedilo povezav smiselno ko stoji samo

Izogibajte se frazam kot „Klikni tukaj“ v besedilu s povezavo. Druge dvopomenske povezave kot „Več“ ali „Nadaljuj“ so prav tako lahko zavajajoče.

Uporabljajte animacije, video in zvok previdno

Če je v uporabi, ponudite gumb za predvajanje/pavzo. Izogibajte se utripajoči in bliskajoči se vsebini - ta lahko povzroči epileptične napade.

Ne zanašajte se samo na barvo

Ker uporabniki pogosto ne morejo razločiti ali lahko izklopijo barve na strani, barva ne sme biti edini način s katerim so informacije posredovane.

Oblikujte dostopno upravljanje z obrazci

Prepričajte se, da ima upravljanje obrazcev opisne oznake in navodila. Bodite pozorni na napake pri potrditvi obrazcev in mehanizmih za obnovitev.

Vdelajte kodo

WebAIM je pobuda:
Center for Persons with Disabilities (CPD) Utah State University