A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Rakenne ja toiminnallisuudet

Suunnittele loogiset rakenteet. On toivottavaa, että DOM (dokumenttiobjektimalli, englanniksi Document Object Model) vastaa elementtien visuaalista järjestystä.

Käytä elementtejä, miten käyttäjät olettavat niitä käytettävän. Älä käytä yleisesti tunnettuja elementtejä tavallisesta poikkeavalla tavalla. Elementtien oudosti käyttäminen aiheuttaa ainoastaan hämmennystä. Tämä liittyy osaltaan myös kehittäjän työhön.

Dialogi-ikkunoiden saavutettavuudessa on huomioitava näytön suurentajat

Muista ajatella myös näytön suurentajia käyttäviä käyttäjiä, kun suunnittelet dialogielementtejä. Mikäli dialogi ilmestyy käyttäjän näköalueen ulkopuolella, on kokemus hyvin hämmentävä, ja usein käyttäjä ei pääse sisältöön käsiksi. Tämäkin liittyy osittain kehittäjän työhön.

Paranna sisällön helppolukuisuutta käyttämällä otsikoita ja tilaa

Käytä otsikoita ja tilaa ryhmittelemään toisiinsa liittyvää sisältöä. Selkeästi otsikoitu ja ryhmitelty sisältö on helpompaa lukea ja silmäillä.

Kun suunnittelet tekstin ulkoasua, muista, että rivit eivät saa olla liian pitkiä. Yleensä suositellaan, että rivien pituus ei ylittäisi kovinkaan paljoa 66 merkkiä. Mikäli rivit ovat tätä pidempiä, täytyy tekstiä lukeakseen ruveta kääntämään päätään.

Vältä automaattisesti käynnistyvää sisältöä

Suunnittele hallintatyökalut sisällölle, joka käynnistyy automaattisesti, kuten karusellit ja videot. Vältä kuitenkin lähtökohtaisesti automaattisesti käynnistyvää sisältöä. Anna käyttäjän itse päättää haluaako hän tutustua sisältöön vai ei. Tämä mahdollistaa myös vihreämmän koodin lähestymistavan, koska se mahdollistaa sisältöjen lataamisen sivulla vasta, kun käyttäjä sen haluaa.

Kielivalikoiden pitää olla ymmärrettäviä kävijän kielestä riippumatta

Kun suunnittelet kielivalikoita, vältä käyttämästä ainoastaan maa- tai kielikoodeja. Kaikki eivät tiedä näiden merkitystä. Parempia kielivalikon linkkitekstejä ovat esimerkiksi "In English",  "På svenska" jne. Mikäli haluat, voi näihin yhdistää myös maa- tai kielikoodit, mutta näiden koodien olisi hyvä olla vain lisätietoa.

Vältä käyttämästä vain lippuja, koska joissakin maissa on useampi kuin yksi virallinen kieli.

Maapallo-ikonia käytetään usein indikoimaan kielivalikkoa. Mutta on olemassa erillinen kieli-ikoni, jota olisi hyvä käyttää. Kieli-ikonista on myös pelkistetympiä versioita, joita voi aivan hyvin myös käyttää. Maapallo-ikoni on kyllä varsin yleisesti tunnettu, ainakin sitä näkee todella monella verkkosivustolla. Kielivalikosta on hyvä kertoa myös muulla kuin pelkällä ikonilla, jotta voidaan varmistaa, että mahdollisimman moni ymmärtää mistä on kyse. Jos sivustolla on kieliversioiden sijaan maaversioita, voi tällöin maapallo-ikoni olla järkevä valinta.

Murupolku auttaa käyttäjää hahmottamaan rakenteen

On suositeltavaa lisätä aina sivustolle murupolku, erityisesti laajemmille sivustoille. Murupolku auttaa käyttäjiä hahmottamaan missä päin sivustoa he ovat.

Lähdemateriaali

Lue lisää kieli-ikonista englanniksi: language icon