Ohje:Saavutettavuus

Tämä on Wikipedian tyylioppaaseen kuuluva sivu. Käytä tervettä järkeä ohjeita lukiessasi, poikkeustapauksia voi olla. Muutosten tulisi noudattaa konsensusta.

Saavutettavuus tarkoittaa eri ihmisille varmistettavaa mahdollisuutta käyttää Wikipediaa. Ihmisistä osa voi olla värisokeus tai heillä voi olla muita näköhäiriöitä tai he voivat tarvita ruudunlukuohjelmia. Käytettävyyden kannalta sivuilla olevien värien pitäisi olla valittavissa eri ohjauslaitteilla. Mobiililaitteilla näyttö voi olla kapeampi kuin työpöydällä. Suuremmalla tekstikoolla näyttötila voi olla pienempi.

Tässä on tarkoitus laajentaa tyylioppaan esittämiä asioita.

Yleisellä tasolla

Värien tulisi olla toisistaan erottuvia, ja tekstissä pitäisi olla riittävä kontrasti taustaan nähden. Eri henkilöt voivat pitää tummaa taustaa vaalealla tekstillä parempana vaihtoehtona kuin tummaa tekstiä vaalealla taustalla.
Tekstikoko ei saisi olla liian pientä. Lisäksi merkkien välit ja rivien välit voivat olla suurempia kuin oletuksena.
Monet vierekkäiset palstat ja liian suuret tai leveät taulukot voivat olla huonosti luettavia kapeilla näytöillä (mobiililaitteet) tai kun käytetään suurempaa tekstikokoa.
Kuville olisi lisättävä vaihtoehtoinen teksti, joka kertoo kuvan sisällöstä kun käytetään ruudunlukuohjelmia. Katso Wikiprojekti:Vaihtoehtotekstit.

Käytännön ohjeita

Tekstikoko

Tekstikoon ei pitäisi olla liian pientä ja sen ei pitäisi olla sidottu näytön kuvatarkkuuteen (pikselimäärään). Tekstikoon pitäisi olla määritelty suhteellisena tai pistemääränä (ei pikselimääränä). Esimerkiksi prosentteina kerrottu "pienennetty" tekstikoko on toimiva, jos se on Wikipediassa 90 tai 95 prosenttia, esimerkiksi 90%. Pistekoolla tekstikoko merkitään em, esimerkiksi 12em.

Palstoitus

Mallineet {{div col}} ja {{Monta palstaa}} osaavat nykyään "taittua", mikäli palstat eivät mahdu kerralla käytettävään tilaan. Tekstirivit voivat silti katketa huonosti, ja liian monia palstoja on silti vältettävä. Toimivuus pitäisi varmistaa etenkin mobiililaitteilla.

Värit

Mikäli tarvitaan eri tekstiväriä tai taustaväriä, niin on hyvä varmistaa, että väritys toimii oikein oletusteemalla ja tummalla teemalla. Tiettyjä yhdistelmiä on vältettävä, ja on varmistettava riittävä kontrasti (katso Ohje:Värit). Merkintöjen olisi oltava selkeitä myös kun väritystä ei nähdä ja ne olisi syytä ilmaista myös toisella tavalla (esimerkiksi kursivoinnilla).

Merkintätekniikka

HTML5:ssä on asetettu vanhentuneeksi eräitä aiemmin käytettyjä merkintoja, jotka nykyään toimivat paremmin CSS:n kanssa. CSS on yleensä myös joustavampi eri käyttötarpeisiin, kuten sivun tulostamisessa paperille.

Kuvakoot

Käytä merkintää pienoiskuva sivulla esitettävälle kuvalle. Se asettaa kuvan oletuskoon mukaisesti. Mikäli käyttäjä valitsee toisen oletuskoon omista asetuksistaan, kuva mukautuu tällöin asetukseen eli se ei ole liian suuri tai liian pieni muille käyttäjille. Katso Ohje:Kuvien lisääminen.

Taulukot

Taulukoihin voidaan merkitä lisätietoja, jotka helpottavat käyttöä eri tilanteissa esimerkiksi näytönlukuohjelmilla. Näitä ovat muun muassa otsikot (caption) ja muut määritteet (scope). Taulukon otsikon voi lisätä |+ otsikkoteksti määrityksellä. Katso Ohje:Taulukot.

Vältä käyttämästä <br /> tai <hr /> -tageja rivityksen tekemiseen taulukoissa, koska nämä eivät toimi hyvin näytönlukuohjelmien kanssa.

Avattavat ja suljettavat osiot

Artikkelin pääsisällössä ei pitäisi käyttää avattavia tai suljettavia osia, jotka vaativat JavaScriptin käyttöä. Joissakin tapauksissa tuki JavaScriptille voi olla rajallista, ja pääsyn keskeiseen sisältöön ei pitäisi vaatia käyttäjältä JavaScriptiä.

Aiheesta muualla

Verkkosisällön saavutettavuusohjeet (WCAG) 2.1
- Web Content Accessibility Guidelines (WCAG) 2.1 (englanniksi)
Accessibility for reading (englanniksi)
Recommendations for mobile friendly articles on Wikimedia wikis (englanniksi)
Recommendations for night mode compatibility on Wikimedia wikis (englanniksi)
Readability research report (englanniksi)