Etusivu › Tietopankki › Järjestelmän mukaan

Saavutettavuus WordPressillä

WordPress itsessään voi olla saavutettava — ongelmat tulevat useimmiten teeman, lisäosien ja sivulohkojen kautta.

Yleiset löytöpaikat

Teemat, joissa on liian pieni kontrasti tai ei näkyvää kohdistusta, liukusäädinlisäosat ilman taukoa/näppäimistökäyttöä, upotetut lomakkeet (Contact Form 7 ym.), joissa on nimeämättömiä kenttiä, kuvalohkot ilman alt-tekstiä, ja sivunrakentajat, jotka muuttavat otsikot pelkiksi suuriksi kappaleiksi. WordPressin ydineditori ei yleensä ole ongelma — sen päällä oleva kerros on.

Tarkista ja valitse teema

Teema ratkaisee kontrastin, kohdistuksen näkymisen, otsikkorakenteen ja navigoinnin näppäimistökäytön. Kriteerit ennen valintaa: käy sivu läpi Tab-näppäimellä — näkyykö kohdistus aina? Toimiiko valikko ilman hiirtä? Onko tekstin ja painikkeiden värikontrasti vähintään 4,5:1? Lohkopohjaiset oletusteemat (Twenty Twenty-Four/-Five) ovat vankka lähtökohta; ostetuissa teemoissa auttaa vilkaisu demoon CSS pois päältä ja näppäimistötesti.

Työskentele siististi lohkoeditorissa

Käytä otsikkolohkoja oikeassa järjestyksessä (yksi H1 per sivu, älä ohita tasoa) — älä vain suurenna ja lihavoi tekstiä. Anna jokaiselle kuvalohkolle alt-teksti; merkitse puhtaasti koristeelliset kuvat nimenomaisesti koristeellisiksi. Käytä painikelohkoa toiminnoille ja oikeita linkkejä navigointiin. Luettelot luettelolohkona, ei kappaleena viivoin. Taulukot vain aitoihin taulukkotietoihin ja otsikkorivillä.

Lisäosat ja lomakkeet

Lomakelisäosat (Contact Form 7, WPForms, Gravity Forms) tuottavat saavutettavia lomakkeita vain, jos jokaisella kentällä on näkyvä, liitetty selite ja virheilmoitukset on kytketty kenttään — pelkkä paikkamerkkiteksti ei riitä. Liukusäätimet ja karusellit tarvitsevat taukopainikkeen eivätkä saa vangita näppäimistön kohdistusta; epäselvässä tilanteessa ne kannattaa jättää pois. Sivunrakentajat (Elementor, Divi, WPBakery) eivät ole sinänsä saavuttamattomia, mutta ne houkuttelevat sisäkkäisiin div-rakenteisiin ilman semantiikkaa — kiinnitä tässä erityistä huomiota otsikoihin ja kohdistukseen.

Testaaminen

Kolme nopeaa testiä ilman lisäohjelmistoa: (1) käytä sivua vain näppäimistöllä — Tab, Enter, nuolinäppäimet; pääseekö kaikkialle ja takaisin ulos? (2) zoomaa selaimessa 200 %:iin — pysyykö kaikki luettavana ja käytettävänä? (3) aja selainlaajennus kuten WAVE tai axe DevTools. a11yglassin ilmainen skannaus tarkistaa lisäksi etusivusi toimitetun HTML:n kontrastin, alt-tekstien, selitteiden, kielen ja rakenteen osalta ja nimeää kunkin havainnon WCAG-kriteerin.

Usein kysytyt kysymykset

Tekeekö saavutettavuuslisäosa sivustostani vaatimustenmukaisen? Ei — overlay-lisäosat, jotka vaihtavat kontrastia ja kirjasinkokoa widgetillä, eivät korjaa rakenteellisia ongelmia ja niitä arvostelevat vammaisjärjestöt. Mikä teema on saavutettava? Merkkiä ei ole; ratkaisevaa on toteutus konkreettisessa tapauksessa — yllä olevat kriteerit auttavat valinnassa. Tarvitseeko WordPress-sivustoni saavutettavuusselosteen? Se riippuu siitä, kuuluuko sivusto BFSG:n piiriin (sähköinen kaupankäynti) vai onko sen ylläpitäjänä julkinen elin — katso saavutettavuusselostetta koskeva sivu.

Näin a11yglass auttaa

Maksuton skannaus tarkistaa toimitetun HTML:n ja CSS:n automaattisesti tunnistettavien WCAG-rikkomusten varalta ja ilmoittaa kutakin havaintoa kohti onnistumiskriteerin ja konkreettisen toimenpiteen. Se löytää suunnilleen 20–35 % ongelmista eikä korvaa täydellistä arviointia.

Lue lisää

Yleistä tietoa parhaan tietämyksen mukaan, ei oikeudellista neuvontaa. Yksittäistapauksessa on syytä kääntyä IT-oikeuteen erikoistuneen asianajotoimiston puoleen.