Saavutettavuus
Saavutettavuus, Kokko-Kokki Oy vuodesta 1989
Etusivu   |  Saavutettavuus   |  Ohjeita   |  Yritys   |  Palaute   |  Sivukartta  

Tekstivastine Css:n avulla

Ruusun taival

Sivustolla www.omat.fi/ruusu/ruusu.php on käytetty tekstivastinetta, jolla kerrotaan mitä kuvassa näkyy. Tämä tekstivastine on piilotettu silmillä näyttöä katsottaessa, mutta ruudunlukuohjelma pystyy sen lukemaan.

Css tyylitiedosto tekee sen, että tätä tapaa voidaan käyttää erilaisissa sivustoilla ja palveluissa, koska se vaikuttaa vain tyylitiedostossa.

Ruusun taival kuvien tekstivastine

<div id="kuvantulkkaa">
<p class="kuvantulkkaa2">
Ruusun taival sisältää kolme pystysuuntaista taulua, jotka muodostavat vaakarivin. Jokaisen taulun koko on 37 x 60 cm. Tauluissa vaihtelevat mustan ja tummanpunaisen eri sävyt.

Kuvat ovat kokonaisuus, jonka jokainen katsoja näkee omalla tavallaan. Yhdessä ne kuitenkin muodostavat kokonaisuuden, jota on hyvä katsoa rauhassa. Jokaisella katsomiskerralla niistä voi löytyä uusia yksityiskohtia ja ajatuksia.

Uloimmat kuvat ovat toistensa vastakohtia, jossa ensimmäisen (vasemmanpuoleisimman) kuvan silmä katsoo vasemmalle ja kolmannen (oikeanpuoleisimman) kuvan silmä katsoo oikealle ...
</p>
</div>

Ja tyylitiedostossa on

#kuvantulkkaa {
text-indent: -2000em; /* siirtää alueen näyttöruudun ulkopuolelle */
height: 1px; /* alueen koko*/
width: 1px;
}

p.kuvantulkkaa2 {
text-indent: -2000em;
font-size: 1%; /* fontin koko, kun normaalikoko on 100%*/
color: #000; /* fontin vari on sama kuin taustan väri*/
}

Katso myös

Apuväline, iso suurennuslasi valolla

Saavutettavuustestaus

Saavutettavuustestauksen tulokset palvelevat näkövammaisten käyttäjien ohella kaikkia sivustojen käyttäjiä Kun sivuston suunnittelussa otetaan huomioon saavutettavuus ... Lue saavutettavuus­testaamisesta lisää

Apuväline, iso suurennuslasi valolla

Tilaa saavutettavuus­testaus

Millaisen saavutettavuus­testauksen tarvitset? Nopeasti ajateltuna uusin WCAG 2.1 ohjeiden­mukainen testaus... Lue lisää millaisen saavutettavuus­testauksen ja saavutettavuus­selosteen tarvitset

Kännykän teksti on himmeä

Testaa tekstin ja taustan väri

Värien selkeä kontrasti tekee sivuston helppolukuiseksi ja miellyttäväksi. Kyse on kirkkauserosta kahden värin välillä jossa kynnystaso on 125, ja värierosta tekstin ja taustavärin välillä, jossa .. Testaa tekstin ja taustan väri

Testausohjeet, liikennevaloissa on vihreä valo

Testausohjeet verkkosivun tekijälle

Hyvä suunnittelu helpottaa sivujen tekemistä. Lisäksi se auttaa sivujen yhtenäisyyden ja tyylikkään/siistin ulkoasun saavuttamisessa. Muutosten tekeminen . Lue testausohjeista lisää

kuva kävelytunnelista

Onko saavutet­tavuudella väliä?

Verkkosivujen tuottajien ja ostajien kannattaa sivustoja tehdessään ottaa huomioon niiden saavutet­tavuus. Huonosti toteutetuista sivustoista voi saada enemmän negatiivista .... Lue lisää onko saavutet­tavuudella väliä

Saavutettavuus ei toteudu, tummat kierreportaat nousevat ylöspäin

Jos saavutet­tavuus ei toteudu?

Vaikka sivustolla olisi tehty saavutettavuus­testaus ja se täyttäisi kaikki kriteerit, on mahdollista, ettei sivusto ole saavutettava tai ymmär­rettävä... Lue lisää jos saavutet­tavuus ei toteudu

Kaupassa otetaan tabletilla kuvaa hedelmätiskin hintalapusta

Kamera arjen apuna

näkö on väliaikaisesti tai pysyvästi heikentynyt esim. onnettomuuden tai sairauden vuoksi. Eri tilanteissa kamera voi olla suuri apu ongelmien ratkaisemiseen. Lue lisää kamerasta arjen apuna

Palstoitettu www sivu

Sivun palstoitus

Aiemmissa saavutettavuus­suosituksissa on suositeltu tekemään sivusta myös palstoittamaton vaihtoehto. Tätä tarvittiin vanhempien ruudunluku­ohjelmien vuoksi, Lue palstoituksesta lisää

Nvda ruudunlukuohjelma lukee ruudulta tekstiä ja muuta tietoa

NVDA-ruudunlukuohjelma

NVDA on ilmainen Windows -käyttöjärjestelmälle suunniteltu ruudunlukuohjelma. NVDA mahdollistaa tietokoneen käytön näkövammaisille henkilöille ilman ... Lue Nvda ruudunluku -ohjelmasta

responsiivinen suunnittelu mahdollistaa saman sivun näyttämisen eri päätelaiteilla

Responsiivininen sivu

Saavutettavan sivun, etenkin jos sivulta vaaditaan WCAG 2.1 ohjeidenmukainen tasoista saavutettavuutta, voi sen toteuttaa responsiivisuudella. Sen avulla sivusta Lue lisää responsiivisestö sivusta

Kokko-Kokki Oy on tehnyt suomessa verkkosivustojen
saavutettavuustestauksia jo vuodesta 2003.
Yritys on vanhin Suomessa saavutettavuusasioita tehnyt yritys

Kokko-Kokki Oy
Rapakivenkuja 1 C 45, 00710 Helsinki
Gsm 040 5594 739 | email: saavutettavuus[at]omat.fi

Päivitetty 31.12.2020 Webmaster