Saavutettavuus tarkoittaa, että sivusto toimii kaikille käyttäjille – myös heille, joilla on näkö-, kuulo-, motorisia tai kognitiivisia haasteita. Se on hyvää käytettävyyttä, parempaa hakukonenäkyvyyttä ja pienempää poistumisprosenttia. Kun sisältö on selkeää ja rakenteet kohdallaan, myös äänihaku ja ruudunlukijat ymmärtävät sivusi paremmin. Tämä tukee teknistä laatua ja SEO:ta yhdessä, aivan kuten olemme käsitelleet artikkelissa tekninen SEO WordPressissä.
Viisi nopeaa toimenpidettä ilman koodausta
- Valitse saavutettavuusvalmis teema ja tarkista kontrasti
Valitse teema, joka ilmoittaa tukevansa saavutettavuutta. Tarkista, että pääväriyhdistelmien kontrastisuhde on vähintään 4,5:1 leipätekstissä. Testaa värit työkalulla WebAIM Contrast Checker. Jos brändivärisi eivät yllä rajalle, säädä sävyä tai suurennusastetta.
– Vinkki: Päivitä teema säännöllisesti – korjaukset parantavat usein myös saavutettavuutta. Lue lisää päivityksistä jutusta WordPress-päivitys ja teemoista artikkelista WordPress-teemat. - Kirjoita kuville alt-tekstit ja tee linkkiteksteistä merkityksellisiä
Alt-teksti (alternate text) kuvaa kuvan sisällön, kun kuva ei näy tai ruudunlukija lukee sivua. Kerro, mitä käyttäjän on tärkeää ymmärtää. Jätä koristekuvat tyhjiksi. Tee linkkiteksteistä selkeitä: “Lue ohje lomakkeiden saavutettavuuteen” on parempi kuin “Lue lisää”.
– Tutustu käytännön ohjeisiin artikkeleissa kuvien optimointi ja ankkuriteksti. - Paranna lomakkeita ilman koodia
Lomakkeiden saavutettavuus paranee, kun kentillä on nimilaput (label), ohjeteksti on selkeää ja virheilmoitukset sekä näkyvät että välittyvät ruudunlukijoille. Monissa lomakelisäosissa voit määrittää virheviestit, pakollisuuden ja kenttien kuvaukset ilman koodia. Varmista, ettei pelkkä väri ilmaise virhettä – lisää myös teksti.
– Katso käytännön vinkit artikkelista WordPress-lomake. - Varmista näppäimistönavigointi ja näkyvä fokus
Kokeile: paina sarkainta. Pääsetkö kaikkiin linkkeihin, nappeihin ja valikoihin loogisessa järjestyksessä? Onko fokuskehys hyvin näkyvä? Jos teemasi piilottaa fokuksen, vaihda asetusta tai teemaa. “Ohita sisältöön” -linkki (skip to content) nopeuttaa navigointia ruudunlukijoilla ja näppäimistöllä liikkuville.
– Monet saavutettavuusteemat hyödyntävät WAI-ARIA:a (Accessible Rich Internet Applications), mutta sinun ei tarvitse koskea koodiin. Keskity testaukseen ja teemavalintaan. Syventävää taustaa löydät jutusta tekninen SEO WordPressissä. - Tekstitä videot ja kirjoita selkeää, helposti hahmotettavaa sisältöä
Lisää tekstitys videoihin ja lyhyt transkriptio. Pilko tekstit otsikoilla, listauksilla ja lyhyillä kappaleilla. Tämä keventää kognitiivista kuormaa ja auttaa myös äänihakua ymmärtämään aiheesi, mistä lisää artikkelissa äänihaku. Hyödynnä perus-SEO:n periaatteita selkeän kielen tukena jutusta sisällön hakukoneoptimointi.
Tärkein asia, mitä itse painotan projekteissani on typografia ja verkkosivuston värimaailma. Värimaailma voi luoda sivuston tai tuhota sen. Käytä neutraaleja värejä, jos olet luotettava.
