6.1.3 Verkkosivujen tyylit

Käyttämällä valmiita tyylejä saat tekstimassasta apuvälineillä helpommin selailtavan.

Suunniteltaessa ja toteutettaessa näkövammaisille esteettömiä verkkoympäristöjä on erityisen tärkeää huomioida seuraavat asiat:

Kuvien, graafisten elementtien ja multimedian vastiketekstit

• Laadi kaikelle mikä ei ole tekstiä vastiketekstit käyttämällä alt- määreitä.

• Varmista, että sivut toimivat ja olennainen informaatio on käytettävissä vaikka scriptejä, appletteja tai muita ohjelmallisia elementtejä ei tueta.
  

Värit, taustakuvat ja korostusten käyttö

• Valitse taustaksi neutraali väri, että teksti erottuu taustasta selvästi.

• Jätä käyttäjälle mahdollisuus säätää itse haluamansa värit ja kirjasimen koko.

• Jos käytät väriä tai esim. lihavointia ja alleviivausta korostukseen, huomioi, että painotus käy ilmi myös tekstistä.

• Käytä tyylitiedostoja sisällön ja ulkoasun erottamiseen toisistaan.

• Varmista, että sivut ovat luettavissa myös ilman tyylitiedostoja.

Vaihtoehtoiset muodot PDF -tiedostoille

• Vältä PDF -tiedostoja.

• Tee HTML- tai TXT-vaihtoehto PDF-tiedostolle.

Lomakkeiden rakenne

• Luo selite ja muokkausruutu samalle riville.

• Jos käytät "haku"-painikkeena kuvaketta, lisää alt-teksti.

Riippumattomuus käytetystä tekniikasta

• Huolehdi, että sivu on luettavissa myös vanhemmilla graafisilla ja merkkipohjaisilla selaimilla.

• Huomioi hitaan tiedonsiirtotekniikan vaikutukset.

• Sivujen selkeyteen ja navigoitavuuteen liittyviä tekijöitä

• Varmista, että liikkuminen sivulla ja käskyjen syöttö on mahdollista näppäimistöltä.

Kehysten nimeäminen

• Nimeä kehykset sisältöä kuvaavalla tavalla ja ilmaise kehysten keskinäinen suhde alt-tekstillä.

• Käytä mieluummin kehyksiä rakenteen määrittelyssä kuin taulukoita.

• Käytä noframes-tekstiä kuvamaan kehyksen sisältämä informaatio.

• Luo sisältökehys aktiiviseksi, jolloin ruudunlukuohjelmalla ei tarvitse joka sivulla käydä samoja linkkejä lävitse.

Kuvakartat

• Tee kuvakartan linkeille alt-tekstit ja/tai tekstilinkit.

Taulukoiden tekstivastineet

• Vältä taulukoiden käyttöä sisällön muotoilussa kuten palstoituksessa, koska kaikki ruudunlukuohjelmat eivät vielä osaa tulkita taulukoita oikein.

• Datan esittäminen taulukoilla.

• Tee riveille ja sarakkeille otsikot.

• Merkitse otsikkotieto - kuten mittayksikkö - taulukon soluun.

• Kirjoita taulukon informaatiosta tiivistelmä käyttäen alt- tai longdesc-tekstiä tai tekemällä tiivistelmä erilliseen HTML-dokumenttiin.

Linkit

• Nimeä linkit selkeästi käyttämällä linkkitekstinä sellaisenaan ymmärrettävää sanaa tai sanojen yhdistelmää.

• Älä laita liikaa linkkejä sivulle tai ryhmittele linkit alaotsikoiden avulla.

• Luo linkkirakenteesta looginen.

• Laita linkit navigointiliittymässä allekkain tai erottele rinnakkain olevat linkit toisistaan esimerkiksi pystyviivalla.

Lisää tietoa esteettömistä verkkoympäristöistä löytyy Näkövammaisten keskusliiton sivuilta