Saavutettavien verkkosivujen suunnitteluopas

Suunnittele selkeät sivupohjat

Varmista, että pääsisältö erottuu selkeästi sivunäkymän muista osioista.

Varmista, että kaikki sivustolla olevat lomakkeet ovat selkeitä, loogisia ja käytettäviä myös avustavilla teknologioilla.

Kaikille kuville, videoille ja äänitiedostoille täytyy olla vaihtoehtoinen esitystapa näkö- ja kuulorajoitteisia käyttäjiä varten.

Varmista, että linkeistä, painikkeista ja muista interaktiivisista kohteista käy ilmi, mitä tapahtuu, kun niitä käytetään.

Kirjoita riittävän suurta tekstiä ja käytä selkeää, päätteetöntä kirjasintyyppiä.

Varmista, että sivun lukemisjärjestys on ruudunlukuohjelmalla ja näppäimistöllä käytettäessä sama kuin visuaalisesti.

Kirjoita sisällöt selkeällä ja hyvällä yleiskielellä. Vältä monimutkaisia lauserakenteita, sanontoja ja hankalien sanojen käyttöä.

Myös sivustolta ladattavien tiedostojen, kuten PDF-dokumenttien, on oltava saavutettavia.

Käytä taulukkoja vain suurten datamassojen esittämiseen. Älä käytä taulukkoja muotoilutarkoitukseen.

Varmista, että sivun pääsisällöllä on yksi ensimmäisen tason otsikko. Otsikkorakennetta voi ajatella ikään kuin sivunäkymän sisällysluettelona.

Linkin nimestä tulee käydä ilmi, mihin se vie käyttäjän ja otsikon nimestä tulee selvitä, mitä sen alla on.

Tekstin ja elementtien sekä taustan välisen tummuuskontrastin on oltava riittävä.

Sivunäkymän ensimmäisen elementin kannattaa olla ”Hyppää sisältöön”-niminen linkki, joka siirtää käyttäjän suoraan sivun pääsisältöön.

Jokaisessa sivunäkymässä on oltava helposti löydettävä linkki koko sivuston etusivulle.

Sisällölle pitää määritellä kieli HTML-koodiin, jotta esimerkiksi ruudunlukuohjelmat ja hakukoneet voivat päätellä sivuston kielen ohjelmallisesti.

Käytä useaa erilaista visuaalista keinoa kohteiden korostamiseen ja merkityksen välittämiseen.

Älä käytä verkkosivuilla pitkiä, itsestään käynnistyviä mediasisältöjä. Varmista, että käyttäjän on helppo pysäyttää mediasisältö.

Nimeä verkkosivuston jokainen yksittäinen alasivu ymmärrettävästi ja selkeästi.

Varmista, että jokaisen toiminnallisen elementin ympärille piirtyy reunat, kun verkkosivua selataan käyttäen sarkainta (Tab ↹)

Kiinnitä huomiota siihen, ettei sivunäkymässä ole liikaa sisältöä ja erilaisia kohteita.

Varmista, että käyttäjän on helppo päätellä, missä kohtaa sivustoa hän sijaitsee.

Lisää keskisuurille ja suurille sivustoille hakutoiminto.