Saavutettava tekstisisältö on käytännössä ymmärrettävää tekstiä. Saavutettavan tekstisisällön pelisäännöt pätevät yleensä riippumatta minne teksti tuotetaan.
Sivulla tulee olla lyhyt sivuotsikko(<title>), joka kuvaa sivun sisältöä ja erottaa sen muista sivuston sivuista. Sivuotsikko, tai selainotsikko, on usein sama kuin sivun h1-otsikko.
Laita uniikki ja tärkein tieto otsikon alkuun, esimerkiksi sivun nimi ennen yrityksen nimeä. Lisää nykyinen välivaihe sivuotsikkoon sivuilla, jotka ovat osa monivaiheista prosessia. Nämä otsikot ovat kriteerissä 2.4.2 (taso A).
Ensimmäisen otsikon sivulla olisi optimaalista olla h1-otsikko. Sisällön kontekstin perusteella joskus on perusteltua, että pääotsikkoa ennen on h2-tasoinen otsikko. Mutta älä siirrä h1-otsikkoa sivun loppuun, se ei ole koskaan oikein.
Otsikoiden silmäily ja selailu helpottuu jos otsikon alkuun lisätään otsikon tärkeymmät sanat tai asia. Tärkeintä on kuitenkin pitää otsikot mahdollisimman selkeinä ja täsmällisinä.
Sisältöosioilla on hyvä olla aina otsikko. Se helpottaa sisällön järjestämistä ja ymmärrettävyyttä.
Muista merkitä tekstieditorissa (tai koodissa) otsikot oikeiksi otsikoiksi. Älä käytä otsikoita visuaalisiin tyylittelyihin, nämä pitäisi aina tehdä CSS-tyyleillä.
Otsikkotasojen tulee olla loogiset, eli älä hypi otsikkotasojen yli. H1-otsikon jälkeen tulee h2, niiden jälkeen h3 jne. Otsikkotasot kertovat sisällön rakenteen. Jos otsikkotasojen yli hypitään tai niitä käytetään muutoin väärin, ei lukijalle voi muodostua oikeanlaista kuvaa sisällöstä.
Selkeä, yksinkertainen ja ytimekäs kieli on saavutettavinta. Vältä liian teknisen tekstin kirjoittamista ja pyri selkeään yleiskieleen. Vältä syrjiviä termejä ja pyri inklusiiviseen kieleen. Pyri aina vähentämään sisältösi kognitiivista kuormaa.
Jos tekstissä on jokin tärkeä osuus, sen voi kyllä edelleen paksuntaa. Mutta älä käytä paksunnustyyliä liikaa.
Vältä kursivoitua tekstiä. Kursivointi pienentää kirjainten ja sanojen olevaa väliä. Joillekin lukijoille on hankala erottaa kursivoidusta tekstistä milloin yksi sana loppuu ja toinen alkaa.
Vältä suuraakkosilla kirjoittamista. Pelkkiä suuria kirjaimia sisältävää tekstiä on kaikkien hitaampi lukea. Yhden sanan lukeminen on paljon helpompaa kuin kokonaisten lauseiden. Monesti näkee, että otsikot tai linkit ovat oletuksena pelkillä suurilla kirjaimilla, tätä kannattaa välttää jos haluat sisältösi olevan luettavaa.
Älä alleviivaa tekstiä, jos tekstissä voi olla linkkejä. Alleviivaus on yleisin linkkien visuaalinen indikaattori. Jos lukija näkee alleviivatun tekstin, hän voi hyvinkin olettaa sen sisältävän linkin. Ja jos tekstin klikkaaminen ei vie käyttäjää minnekään, voi se olla hämmentävää ja turhauttavaa.
Kiinnitä huomiota linkkien teksteihin. Jotkut ruudunlukijakäyttäjät selaavat sivuja linkkien avulla. Mitä selkeämmät linkkitekstit ovat, sitä helpompi näitä on katsoa listana. Selkeät linkkitekstit helpottavat myös näkevien käyttäjien sivun silmäilyä.
Vältä linkkitektejä, kuten "lue lisää" "katso tästä" "klikkaa tästä". Tarjoa mieluummin linkkiteksteille enemmän kontekstia, vaikka et tähtäisikään AAA-tasoon. Jos kuitenkin haluat käyttää näitä edellä mainittuja linkkitekstejä, varmista, että linkin tarkoitus on ymmärrettävä linkin kontekstista. Jopa tämä A-tason kriteeri on melko helppo jäädä täyttymättä, joten kiinnitä näihin huomiota.
Jos linkki avaa sivun uudessa ikkunassa tai välilehdessä, kerro siitä käyttäjälle. Näkyvä tieto, kuten "(avautuu uudessa ikkunassa)", palvelee kaikkia käyttäjiä, mutta tämän tiedon voi antaa myös vain avustaville teknologioille. Yleisesti ottaen linkkien avaamista uuteen ikkunaan tulisi välttää. Linkkien avaaminen uuteen ikkunaan oli välillä jopa trendikästä. Mutta tämä on tarpeetonta. Anna käyttäjän itse valita haluaako hän avata linkin uuteen ikkunaan vai ei.
Käytä taulukkoja oikein. Eli käytä niitä vain taulukkomuotoiseen sisältöön. Pyri lisäämään taulukoille aina taulukon otsikko (<caption>). Otsikointi auttaa aina käyttäjää ymmärtämään mistä taulukon sisällössä on kyse.
Mikäli taulukossasi on otsikkorivi tai -sarake, käytä oikeaa koodimerkintää. Suosittelen aina lisäämään taulukoille otsikkorivin tai -sarakkeen. Muutoin taulukon sisältö ei ole ymmärrettävä avustaville teknologioille. Jos olet rakentamassa taulukkoa, joka ei mielestäsi tarvitse otsikointeja, pysähdy vielä miettimään, että onko taulukko sitten oikea ilmaisutapa.
Celian Saavutettavasti.fi -sivustolla on hyvää sisältöä sisällöntuottajille, kuten