Colour Contrast Analyser 1.0 - Suomenkielinen versio

Mikä Colour Contrast Analyser on?

CCA on työkalu, jonka avulla voidaan vertailla eri värien erottuvuutta useilla eri edusta- ja taustavärikombinaatioilla. Värien erottuvuuksien määrittäminen perustuu World Wide Web Consortiumin (W3C) ehdottamiin algoritmeihin:

"Kahden värin katsotaan tarjoavan hyvän värierottuvuuden jos niiden välinen kirkkaus- ja väriero on suurempi kuin asetettu arvoalue." W3C:n määrittämät arvoalueet ovat > 125 värin kirkkaudelle ja > 500 värierolle.

Huom: Hewlett Packard (HP) tarjoaa verkossa käytettävän värikontrastin tarkistus työkalun joka käyttää W3C:n algoritmeja, mutta asettaa värieroarvoalueen > 400, mikä johtaa suurempiin arvoalueisiin etu- ja taustavärikombinaatioille kuin pidetään hyväksyttävänä.

ylös

Kaava värien kirkkaudelle

Värien kirkkaus määritetään seuraavalla kaavalla:

((Punainen arvo X 299) + (Vihreä arvo X 587) + (Sininen arvo X 114)) / 1000

Ero tausta- ja edustavärin kirkkaudessa tulisi olla enemmän kuin 125.

Huom: Tämä algoritmi on otettu kaavasta jota käytetään muuntamaan RGB arvot YIQ arvoiksi. Tämä kirkkausarvo antaa havaitun kirkkauden värille.

ylös

Kaava värien erolle

Värien ero määritetään seuraavalla kaavalla:

(maksimi (Punainen arvo 1, Punainen arvo 2) - minimi (Punainen arvo 1, Punainen arvo 2)) + (maksimi (Vihreä arvo 1, Vihreä arvo 2) - minimi (Vihreä arvo 1, Vihreä arvo 2)) + (maksimi (Sininen arvo 1, Sininen arvo 2) - minimi (Sininen arvo 1, Sininen arvo 2))

Ero tausta- ja edustavärin kirkkaudessa tulisi olla enemmän kuin 500.

ylös

Käyttötavat

Colour Contrast Analyser (CCA) on hyödyllinen kun halutaan selvittää millä väriarvoilla teksti verkkosivuilla ja kuvissa pysyy helposti luettavissa.

Yhteensopivuuden arviointi Web Content Accessibility Guidelines 1.0 dokumentin, kohdan 2.2 kanssa.

WCAG 1.0:n Kohta 2.2 vaatii että

edusta- ja taustavärien yhdistelmät tarjoavat riittävän kontrastin värisokeille henkilöille tai näytöille, jotka pystyvät esittämään vain mustaa ja valkoista väriä.

Käytä CCA:ta testataksesi miten eri värikombinaatioiden tulokset vertautuvat W3C:n laatimiin 'riittävän kontrastin' algoritmeihin.

ylös

CCA:n käyttäminen

Käyttöliittymä muodostuu neljästä osasta:

  1. Värivalinta
  2. Tulokset
  3. Värisokeiden tulokset
  4. Asetukset & Ohjevalikot

1. Värien valinta

Värien valinta kontrollit on jaettu kahteen osaan (edustaväri & taustaväri) jokaisessa on kolme tapaa valita testattava väri.

värivalinnan käyttöliittymä

  1. Värin valitseminen valintalistan avulla. Käytä tätä valitaksesi sopivat värikombinaatiot.

    väripaletti

    Alempi väripaletti sisältää 10 sävyä kyseisellä hetkellä valitusta pohjaväristä. Ylempi rivi jäljittelee värin läpikuultamattomuutta valkoisella taustavärillä, alempi puolestaan mustalla taustavärillä. Läpikuultamattomuus arvot ylärivissä ovat 100 % läpikuultamaton, 75 %, 50 %, 25 % ja 10 %. Alempi rivi alkaa 85 %:sta 100 %:n sijaan ja jatkuu kuten ensimmäinenkin.

    Tämä paletti on hyödyllinen testaamaan vaaleampia ja tummempia pohjavärejä. Näitä testaamalla voidaan helposti parantaa testattavan värikombinaation näkyvyyttä.

    Huom: Tämän ominaisuuden inspiraationa toimi Color Palette Creator.

  2. Väriarvon syöttäminen (heksadesimaali muodossa) tekstilaatikkoon. Hyödyllinen jos tiedät mitkä ovat testaamasi värin heksa-arvot.

    hex-arvon syöttökenttä

  3. Värinäytteen ottaminen www-sivustosta (tai mistä tahansa kohtaa näyttöä) käyttäen suurentavaa värivalitsinta. Colour sampler button

    Hyödyllinen nopeaan värinäytteen valitsemiseen, tarkistamiseen ja heksa-arvojen saamiseen eri väreistä. Kun värivalitsimen nappi on aktivoitu, ilmestyy kursorin kohdalle suurentava alue. Suurentavassa alueessa näkyvä väri näkyy myös väripaletin valintalaatikossa.

    Kun väri on valittu värivalitsimen avulla (paina hiiren vasemman puoleista nappia tai 'enter' nappia) sen heksa-arvo ilmestyy 'heksa-arvo' tekstikenttään ja valinnan tulokset päivittyvät vastaamaan valitun värikombinaation kirkkaus- ja värieroja.

    Huom: Käytä kursorin tarkkaan käyttöön nuolinäppäimiä.

    Esimerkki suurennetusta alueesta kursorin kohdalla kun värivalitsin on aktivoitu. Kursorin kohdalla oleva väri näkyy myös väripaletin valintakentässä.

2. Tulokset

Tulokset osio on jaettu tulosten yhteenvetoon ja täysiin tuloksiin.

Yhteenveto tuloksista näyttää arvot sekä kirkkaus- että värieroille.

tulosten yhteenveto

Jos molemmat kohdat läpäisevät testin, osoitetaan tämä vihreällä v-merkillä. Jos kumpi tahansa ei läpäise testiä, osoitetaan tämä punaisella ruksilla.

'Täydet tulokset' näyttävät jokaisen tarkastuksen arvot, mitkä ovat läpäisy/hylätyt arvoalueet ja sen, oliko kontrasti riittävä/riittämätön.

Huom: Yhteenvedon teksti ja täydet tulokset voi valita ('maalata') ja kopioida leikepöydälle.

kontrastianalysoijan tulos-osio

3. Värisokeiden tulokset

Valitsemalla 'näytä kontrastitulos värisokeille' valintaruudun, ohjelma näyttää tulokset 'normaalille näölle', sekä kolmen tyyppisille värisokeuksille (Punasokeus, Vihersokeus, Sinisokeus)

näkymä värisokeiden tuloksista

Huom: Menetelmä väriarvon vaihtelujen laskemiseen 3:n tyyppisille värin riittämättömyyksille perustuu algoritmiin, jonka ovat selostaneet Hans Brettel, Francoise Vienot ja John Mollon tekstissään, joka julkaistiin seuraavassa julkaisussa: Journal of the Optical Society of America V14, #10 pp2647.

Kiitokset ystävällisille ihmisille Vischeckillä jotka antoivat meille mahdollisuuden päästä käsiksi lähdekoodiin heidän Brettel algoritmin toteutuksesta.

4. Asetukset & Ohjevalikot

Valitsemalla asetusvalikosta kohdan 'aina päällimmäisenä', pysyy CCA ikkuna aina kaikkien avoinna olevien ikkunoiden päällimmäisenä. Valitsemalla asetusvalikosta kohdan 'fontti' avautuu valintaikkuna joka mahdollistaa CCA ohjelman tekstikenttien ja sisällön käyttämän fontin muokkauksen.

Huom: tietyn tyyppisten tai kokoisten fonttien valinta voi aiheuttaa ohjelman tekstisisällön typistymisen.

Options menu

Valitsemalla ohjevalikosta kohdan 'ohje' ohjevalikko avautuu selaimeen CCA ohjelman dokumentaation verkkosivu.

Huom: sinulla tulee olla toimiva Internet-yhteys päästäksesi käsiksi dokumentaatioon.

ylös

Käyttö näppäimistöllä

Colour Contrast Analyserin näppäinkomennot
ToimintoNäppäimet
avaa edustavärin väripaletti/paletitF9
avaa taustavärin väripaletti/paletitF10
selaa väripalettianuolinäppäimet tai tabulaattori
aktivoi edustavärin värivalitsinF11
aktivoin taustavärin värivalitsinF12
liikuta värivalitsintanuolinäppäimet
valitse väri värivalitsimesta tai paletistaEnter

ylös

Käyttöehdot:

Colour Contrast Analyser on ilmaisohjelma.

Pääsemällä käsiksi tai käyttäessäsi Colour Contrast Analyser-ohjelmaa, myönnät lukeneesi, ymmärtäneesi ja yhtyväsi noudattamaan Colour Contrast Analyserin käyttöehtoja.

TÄMÄ OHJELMISTO ON VÄLITETTY "SELLAISENAAN", ILMAN MITÄÄN NIMENOMAISTA TAI IMPLISIITTISTÄ VAKUUTUSTA. ERITOTEN, VISION AUSTRALIA EI ANNA MITÄÄN TAKUITA KOSKIEN OHJELMISTON LUOTETTAVUUTTA, LAATUA, TAI KAUPALLISUUTTA TAI SEN SOPIVUUTTA MIHINKÄÄN TIETTYYN TARKOITUKSEEN. LISÄKSI, NILS EI TAKAA ETTÄ TÄMÄN OHJELMISTON KÄYTTÄMINEN TAKAA VERKKOSISÄLTÖSI SAATAVUUDEN TAI ETTÄ VERKKOSISÄLTÖSI NOUDATTAISI MITÄÄN TIETTYÄ VERKKOSAATAVUUSSTANDARDIA.

Tämä työ on lisensioitu Creative Commons License Creative Commons Licence.

ylös

Lataus- ja asennusohjeet

Huom: Colour Contrast Analyser ei sisällä vakoilu- tai mainosohjelmia.

Järjestelmävaatimukset

Lataa

Asennusohjeet

Lataa ja pura .zip pakattu tiedosto haluamaasi paikkaan. Ohjelma käynnistyy Colour_Contrast_Analyser.exe tiedostosta.

ylös

Tietoja

Colour Contrast Analyserin on kehittänyt Wrong HTML Wrong Html Logo yhteistyössä Steve Faulknerin kanssa Vision Australia.

Kehitystyön inspiraationa ovat toimineet Juicy Studion kehittämä Colour Contrast Analyser, HP:n colour contrast verification tool ja Color Visibility Test Program jonka on kehittänyt Chris Ridpath Toronton Yliopistosta.

Kiitokset Juicy Studion Gez lemonille mahdollisuudesta käyttää sisältöä hänen verkossa olevasta Colour Contrast Analyseristä. sekäneuvoista/kommenteista.

Käännökset muille kielille

Erityiskiitokset Juha-Markku Liikalalle Colour Contrast Analyser dokumentaation and käyttöliittymän suomennoksesta.

Lähetä palautetta Colour Contrast Analyseristä

Juha-Markku Liikala (Suomenkielinen versio)

Email
jliikala@tols17.oulu.fi

English version

Email
Webaccess@visionaustralia.org

JUn (Japanese version)

Email
jun@idena.jp

Juan Fuertes (Version española)

Email
juan.fuertes@dnxgroup.com

Roberto Castaldo (versione italiana)

Email
rcastaldo@webaccessibile.org

Jedi (Chinese versions)

Email
JediLin@Gmail.com

Sylvie Duchateau (version française)

Email
info@accessiweb.org

Top