Tee ensimmäisestä verkkosivustostasi helpommin saavutettava useammille

Saavutettavuus alkaa siitä, että tärkeät tiedot ja toiminnot ovat ymmärrettäviä. Verkkosivusto voi näyttää houkuttelevalta mutta olla silti vaikeakäyttöinen näppäimistöllä, suuremmalla tekstillä tai avustavalla teknologialla. Aloita muutamasta käytännöllisestä tarkistuksesta ja pyydä sopivaa ihmistä arvioimaan sellaisia tarpeita, joita automaattiset työkalut eivät pysty arvioimaan.

Käytä selkeää lukemisjärjestystä

Anna osioille kuvaavat otsikot ja järjestä ne vierailijan tarpeita vastaavaan järjestykseen. Älä selitä merkitystä pelkän värin tai sijainnin avulla. Hinnoitteluvaihtoehdolla tulisi olla tekstimuotoinen nimi, ja virheilmoituksessa tulisi kertoa, mitä pitää muuttaa. Pidä olennainen tieto sivun tekstissä sen sijaan, että se olisi vain kuvassa.

Tee linkeistä ymmärrettäviä

Valitse linkeille nimet, jotka kuvaavat niiden kohdetta tai toimintoa. ”Lue työpajan opas” on helpompi ymmärtää kuin useat toisiinsa liittymättömät linkit, joiden kaikkien nimi on ”Klikkaa tästä”. Tarkista, että vuorovaikutteisiin ohjaimiin pääsee näppäimistöllä ja että näkyvä kohdistusilmaisin osoittaa, mikä niistä on valittuna.

Pidä visuaalinen esitystapa luettavana

Käytä riittävää kontrastia ja luettavan kokoista tekstiä. Tarkista, onko sivu edelleen ymmärrettävä, kun tekstiä suurennetaan tai näyttö kapenee. Vältä koristeellisia animaatioita, jotka häiritsevät pääsisällön lukemista. Jos julkaiset animoidun kuvan, mieti, häiritseekö se lukemista tai välittääkö se tietoa, joka pitäisi myös esittää tekstinä.

Anna kuville oikea konteksti

Kuvaile merkityksellisiä kuvia niiden käyttötarkoitusta vastaavalla tavalla. Avustava teknologia voi ohittaa koristeelliset kuvat. Kaavio tai ohjekuva tarvitsee vastaavan selityksen, joka ei edellytä kuvan näkemistä. Testaa sivua sellaisten ihmisten kanssa, jotka käyttävät kohdeyleisösi käyttämiä apuvälineitä.

Käytännöllinen johdanto löytyy osoitteesta https://web.dev/learn/design/accessibility. Tarkista VollSitessä luotu tulos ja kaikki väreihin, tekstiin, ohjaimiin tai kuviin tehdyt muutokset. Automaattisen saavutettavuustarkistuksen läpäiseminen on hyödyllistä teknistä näyttöä, mutta se ei ole täydellinen saavutettavuussertifiointi. Pidä sivu yksinkertaisena, testaa yhteydenoton koko eteneminen ja järjestä asianmukainen ihmisen tekemä arviointi ennen kuin esität verkkosivustostasi laajoja saavutettavuusväitteitä.