Saavutettavuus visuaalisessa suunnittelussa

Tälle sivulle on listattu saavutettavuuteen vaikuttavia visuaalisen suunnittelun huomioita.

onko sivun sisältö jaettu selkeisiin, loogisiin kokonaisuuksiin, jotka voidaan esittää HTML- rakenne-elementeillä.
onko sivun sisällön järjestys looginen ja visuaalisesti helposti hahmotettavissa kaikissa erikokoisissa näytöissä
onko elementtien välinen etäisyys riittävä erottamaan ne toisistaan
onko yhteenkuuluvien elementtien etäisyys riittävän pieni osoittamaan sisältöjen kuuluvan yhteen
onko merkitykseltään eritasoiset sisältöelementit myös visuaalisesti erotettavissa
noudattaako elementtien sijoittelu yleisiä totuttuja suunnitteluratkaisuja
onko elementtien sijoittelu yhdenmukainen kaikilla sivuilla

ovatko käytetyt värit selkeitä ja (toisistaan) erottuvia
värit eivät ole räikeän voimakkaita
värit erottuvat toisistaan myös värisokeuden eri muodoissa
edusta ja taustavärien keskinäinen kontrasti on riittävä
linkit erottuvat muusta tekstistä myös visuaalisesti, ei pelkällä värillä
aktiivinen (focus) elementti on visuaalisesti korostettu, kun sivustoa käytetään näppäimistöllä
mikään informaatio ei ole osoitettu pelkästään värillä

käytetty kirjasintyyppi on selkeä ja helppolukuinen
käytetty kirjasinkoko on riittävän suuri
tekstikappaleiden rivipituus ei kasva yli 80 merkin mittaiseksi
riviväli on vähintään 1,5 kertaa kirjasinkoko
kappaleväli on vähintään 2 kertaa kirjasinkoko – tekstin ja taustan värien keskinäinen kontrasti on normaalille tekstille vähintään 4,5 ja suurelle tekstille 3
teksti on tasattu vasempaan reunaan – kaikki HTML-otsikkotasot huomioitu suunnittelussa

jos kuvilla on kuvateksti, se on esitetty selkeästi kuvan yhteydessä
koristelutarkoituksessa olevat kuvat ja kuvakkeet ovat hyödyllisiä ja informatiivisia
valitut kuvat palvelevat tarkoitustaan ja ovat sisällöltään sekä värimaailmaltaan toimivia (myös värisokeille mikäli mahdollista)

kaikilla lomakekentillä on otsikkoteksti, joka on aina näkyvissä
lomakekenttien otsikot ovat syötekentän sisältöä kuvaavia
otsikon ja syötekentän keskinäinen etäisyys osoittaa niiden yhteenkuuluvaisuuden
lomakkeen painikkeet on sijoitettu selkeästi lomakkeen tai toiminnon yhteyteen
lomakkeiden virheilmoitukset ovat visuaalisesti erottuvia ja virheellinen tieto korostettu riittävästi
lomakkeen lähettämisen jälkeinen onnistumisviesti erottuva ja selkeästi korostettu