Johdatus esteettömien sivujen tekoon

Verkkosivujen tulee olla

• helposti muuntuvia eri aisteille ja apuvälineille sopiviksi

• kieleltään yksiselitteistä

• selkeitä rakenteeltaan ja helposti navigoitavia

Muunneltavuuteen vaikuttavia tekijöitä

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

WAI:n tarkat ohjeet esteettömien verkkoympäristöjen toteuttamiseen löytyvät World Wide Web Consotiumin WAI työryhmän julkaisusta Web Content Accessibility Guidelines 1.0

Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 WAI:n tarkastuslista taulukkomuodossa

Näiden virallisesti voimassa olevien ohjeiden lisäksi on hyvä tutustua laajemmin 2.0 ohjeversion kehitykseen osoitteessa WAI:n etusivulla osoitteessa: http://www.w3.org/WAI/