Suosittelemme, että pidät verkon esteettömyyden parhaat käytännöt mielessä, kun suunnittelet, lisäät sisältöä ja rakennat verkkosivustoasi Pixpassa. Noudata tätä opasta tehdäksesi verkkosivustostasi vammaisten käytettävissä. He voivat käyttää näytönlukuohjelmia tai mitä tahansa muuta tekniikkaa päästäkseen verkkosivustollesi.
Pixpassa on useita sisäänrakennettuja ominaisuuksia, joiden avulla voit parantaa verkkosivustosi saavutettavuutta, kuten:
- Määritä sivustosi kieli. Lisätietoja.
- Määritä kuvaavat ankkuritunnisteet kaikkiin linkkeihin.
- Välit valikon kohtien välillä. Lisätietoja.
- Määritä yhteydenotto-/maksulomakkeiden tarrat ja kuvaukset. Lisätietoja.
Voit käyttää tätä työkalua sivustosi käytettävyyden testaamiseen – https://wave.webaim.org/
Asioita, joihin sinun tulee keskittyä parantaaksesi verkkosivustosi saavutettavuutta:
Sivun otsikot
Kun henkilö vierailee uudella verkkosivulla, näytönlukuohjelmat kutsuvat ensin sivun otsikon. Varmista jokaisella verkkosivustosi sivulla on otsikko joka antaa yleiskatsauksen sivun sisällöstä. Jokaisen sivun otsikon tulee olla erillään muista sivujen otsikoista.
Tekstiotsikot
Tietääkseen sivun ulkoasun näytönlukijat lukevat sivun HTML-koodin. Sivusi jokaisessa osiossa on oltava otsikko, jotta voit parantaa sivusi saavutettavuutta näytönlukuohjelmille.
Määritä tekstiin oikea otsikkofontti. Lisätietoja.
Teksti Linkit
Muista kuvata linkin tavoite ennen/jälkeen-tekstissä. Tämä auttaa myös SEO:ssa. Älä lisää sanaa linkkiä ennen/jälkeen tekstissä.
Oikea lause: Jos haluat lisätietoja minusta, vieraile osoitteessa About Me sivu.
Väärä lause: Saat lisätietoja minusta napsauttamalla tätä.
riviväli
Varmista, että tekstissäsi on riittävä riviväli. Vierailijat voivat sitten ohittaa rivivälisi vastatakseen paremmin tarpeisiinsa. Hallitse rivin korkeutta ja kirjainväliä mistä tahansa fontista Suunnittelu-osiosta.
kuvat
Varmista, että verkkosivustollasi olevat kuvat ovat helposti kaikkien ihmisten (myös vammaisten) saatavilla. Kuvien vaihtoehtoinen teksti ja .gif-tiedostomuoto ovat tärkeitä.
alt teksti
Kun näytönlukuohjelma tutkii verkkosivua, se tunnistaa kuvat ja lukee vierailijalle siihen liittyvän vaihtoehtoisen tekstin. Lisää kuviisi oikea kuvaileva vaihtoehtoinen teksti. Taustakuvat tai vain sivua kaunistavat kuvat eivät vaadi vaihtoehtoista tekstiä.
.gif-tiedostoja
Pixpa mahdollistaa sen lisää .gif-tiedostoja verkkosivustollesi. Varmista, että .gif-tiedostosi ei toistu useammin kuin 3 kertaa sekunnissa, koska tämä voi aiheuttaa fyysisiä reaktioita vierailijan kehossa.
Värit
Vain värit eivät anna mitään tietoa näytönlukuohjelmia käyttäville vammaisille. Käytä aina eri kontrastisia värejä samanlaisten sijaan. Hallitse verkkosivustosi värejä.
Videoita
Älä lisää yhdelle sivulle enempää kuin kahta videota, koska enemmän liikettä voi aiheuttaa hankaluuksia liikettä sietämättömille ihmisille.
Varmista, että videosisältösi ei toistu useammin kuin 3 kertaa sekunnissa, koska tämä voi aiheuttaa fyysisiä reaktioita vierailijan kehossa.
audiona
Auta kuuroja käyttämään äänisisältöäsi lisäämällä äänitteitä verkkosivustollesi.