Miten teen Website Builder -sivustostani helpommin saavutettavan?
Saavutettava verkkosivusto varmistaa, että kaikki käyttäjät, myös ne, joilla on jokin vamma, voivat navigoida sivustolla, ymmärtää sitä ja käyttää sen sisältöä. Jos käytät Website Builderiä, voit parantaa saavutettavuutta säätämällä keskeisiä elementtejä ja noudattamalla parhaita käytäntöjä – esimerkiksi lisäämällä alt-tekstit kuviin ja varmistamalla, että sivustosi ulkoasu ja sisältö ovat selkeästi jäsenneltyjä. Tästä artikkelista löydät tarkistuslistan suosituksista sekä hyödyllisiä resursseja.
Jos sinulla on kysymyksiä verkkosivustojen saavutettavuudesta, tutustu oppaaseemme: Usein kysyttyä - Verkkosivuston saavutettavuus.
Huomaa: Me one.comilla teemme parhaamme tarjotaksemme työkalut, joiden avulla voit rakentaa saavutettavuusvaatimusten mukaiset kotisivut. Viime kädessä olet kuitenkin itse vastuussa vaatimustenmukaisuudesta. Siksi suosittelemme, että tutustut paikallisiin tai alueellisiin saavutettavuuslakeihin, sillä ne saattavat sisältää vaatimuksia, joita ei käsitellä tässä artikkelissa.
Visuaaliset elementit
Alt-tekstit kuville, kuvakkeille ja grafiikalle
Vaihtoehtoinen teksti eli alt-teksti on kuvan tekstimuotoinen kuvaus. Siitä on apua, jos sivuston kävijä ei voi nähdä kuvaa. Ruudunlukulaite pystyy havaitsemaan ja lukemaan alt-tekstit. Ohjeet alt-tekstien lisäämiseen kuviin ja muihin visuaalisiin elementteihin löydät näistä oppaista:
- Kuvat (koskee myös SVG-tiedostoja ja kuvakkeita): Miten lisään kuvan Website Builder -sivustolleni?
- Logo: Logo-komponentin käyttäminen Website Builderissä
- Tuotekuvat (verkkokauppa): Tuotteiden hallinta verkkokaupassa
- Galleria ja kuva-liukusäädin: Galleria- ja kuva-liukusäädinkomponenttien käyttäminen Website Builderissä
- Blogien kuvat: Blogin aloittaminen Website Builderissa
Alt-tekstejä ei tarvitse lisätä taustakuviin, koska ne ovat usein vain koristeellisia. Alt-teksti kannattaa lisätä vain kuviin, jotka välittävät tärkeää tietoa, tai joita kävijän on tarkoitus klikata.
Jos haluat ilmaista, että apuvälineet voivat ohittaa jonkin kuvan, siirry kohtaan SEO kuvan asetuksissa ja liu'uta Määritä koriste-elementiksi -kytkin päälle.
Vaatimustenmukaisuuden takia suosittelemme, että tarkistat kaikki sivustosi kuvat ja joko lisäät niille alt-tekstin tai määrität ne koriste-elementeiksi.
Sivun kieli
Kielen määrittäminen sivuston jokaiselle sivulle varmistaa, että näytönlukuohjelmat voivat lukea sivun ääneen oikein. Katso ohjeet tästä oppaasta: Kuinka määritän sivun kielen Website Builderissä?
Auditiiviset elementit
Ääni- ja videotekstitykset ja transkriptiot
Website Builderissä palvelimelle ladatuille videoille ei voi suoraan luoda tekstityksiä, eikä niille voi lisätä transkriptioita. Ne voi kuitenkin luoda kahdella muulla tavalla:
- Lataa videot YouTuben kautta, niin voit näyttää ne tekstityksien kanssa. Lue lisää oppaastamme: Lisää YouTube-video verkkosivustollesi.
- Lisää transkriptio sivustollesi helposti ladattavana tiedostona. Voit käyttää tähän asiakirjaa, josta voit lukea lisää oppaastamme: Miten lisään asiakirjan Website Builder-sivulle?
Rakenne ja muotoilu
Semanttiset otsikot
Käytä semanttista otsikkohierarkiaa (H1, H2, H3, kappale) sivustosi teksteissä. Tämän html-tageihin perustuvan hierarkian avulla voit jäsentää sisällön loogisesti. Lisäksi avustavat teknologiat, kuten ruudunlukijat, voivat sen ansiosta lukea sisällön oikeassa järjestyksessä sivuston kävijälle.
Website Builder -editorin tekstikomponentissa jokainen otsikko on merkitty selkeästi (otsikko 1, otsikko 2 jne.). Voit valita otsikon sivupaneelista, kun lisäät sivustollesi uuden tekstikomponentin, tai muokata otsikkoa olemassa olevan tekstikomponentin ominaisuuspaneelissa.
Website Builder -mallit sisältävät selkeät otsikot ja leimat, ja ne noudattavat oletusarvoisesti yllä kuvattua logiikkaa.
Tekstin kontrasti
Sivuston tekstin ja sen taustan kontrastisuhteen on oltava vähintään:
- Otsikot: 3:1
- Kappaleet: 4.5:1
Voit säätää tekstin värisuhdetta Website Builderissä näin:
Jos väriteematoiminto on PÄÄLLÄ:
Jos käytät sivustollasi väriteemaa, muokkaa kontrastisuhdetta väriteeman asetuksista. Tässä oppaassa kerrotaan, miten se tehdään: Väriteeman käyttäminen Website Builderissä.
Jos väriteematoiminto on pois päältä:
Jos väriteematoiminto ei ole käytöstä, voit muokata kontrastisuhdetta yleisten asetusten kautta:
- Siirry Mallin asetuksiin Website Builder -editorin oikeassa alakulmassa.
- Klikkaa Muokkaa mallityylejä näkyviin tulevassa valikossa.
- Näet nyt yleiskatsauksen kaikista sivustollasi käytetyistä tekstityyleistä (teksti, linkit, valikko, painike ja taulukko). Klikkaa tekstin väri -kuvaketta kunkin kohdalla päästäksesi sen väriasetuksiin. Valitse haluamasi väri värivalitsimella tai syötä sen HEX-koodi.
Huomaa: Website Builder ei voi kertoa sivustosi tarkkoja värikontrasteja, mutta voit käyttää ulkoisia työkaluja niiden analysoimiseen. Voit kokeilla esimerkiksi tätä WebAIM:in työkalua, johon voit syöttää etualan ja taustan hex-koodit, ja säätää sitten väriä, kunnes saat oikean kontrastin ja sen hex-koodit. Sitten voit kopioida hex-koodit Website Builderiin.
Muun kuin tekstin kontrasti
Sivuston tekstittömiä elementtejä, kuten osioiden taustavärejä tai painikkeiden värejä, voi säätää joko väriteeman asetuksista tai Mallin asetuksista, kuten yllä on kuvattu.
Komponenttien tyyliä voi säätää lisää niiden omista asetuksista. Klikkaamalla esimerkiksi osiota, ylätunnistetta tai alatunnistetta näet vaihtoehdon muuttaa sen väriä tai tyyliä.
Navigointi
Näppäimistön käyttö
Suosittelemme, että pidät sivuston sisällön selkeänä ja vältät monimutkaisia elementtejä, kuten osoitinaktivointiruutuja, jotka voi korvata tavallisilla kuvilla ja linkeillä.
Avattavia valikoita voi käyttää myös näppäimistöllä.
Sisällön keskeyttäminen, pysäyttäminen tai piilottaminen
Kaikkia sivuston liikkuvia ja interaktiivisia elementtejä on voitava hallita ja ne on pystyttävä piilottamaan manuaalisesti. Jos sivustollasi on tällaisia elementtejä, tarkista nämä:
- Kuvakaruselli: Tämän komponentin automaattinen toisto on oletuksena päällä, mutta voit ottaa sen pois käytöstä ja lisätä manuaaliset säätimet. Mene kuvakaruselli-komponenttiin, klikkaa Kuvakarusellin asetukset ja valitse Navigointi.
- GIF-animaatiot: Vältä GIF-animaatioiden lataamista kuva-komponentin kautta, jos niissä ei ole säätimiä.
- Taustakuvat ja videot: Näissä ei tällä hetkellä ole toisto-/taukotoimintoa, mutta työskentelemme tällä hetkellä löytääksemme ratkaisun tähän vaatimukseen. Sillä välin suosittelemme välttämään liikkuvia taustakuvia tai videotaustoja.
- Videot: Varmista, että videoissa on näkyvät säätimet, ja että automaattinen toisto on poistettu käytöstä. Lue lisää videoasetuksista oppaastamme: Miten lisään videon Website Builder -sivustolleni?
Vilkkuva sisältö
Vältä sisältöä, joka sisältää enemmän kuin kolme välähdystä sekunnissa. Website Builder ei oletusarvoisesti sisällä vilkkuvaa sisältöä, mutta sitä on mahdollista lisätä itse. Suosittelemme kuitenkin välttämään sitä, tai antamaan kävijälle mahdollisuuden hallita ja ohittaa vilkkuvaa sisältöä manuaalisesti.
Aiheeseen liittyviä artikkeleita: