CINXE.COM

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi"> <head> <title>Verkkosisällön saavutettavuusohjeet (WCAG) 2.0 </title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <style type="text/css"> .fi-at-addition {font-style: italic} div.transheader { border: #ccb solid; padding: 2%; background: #eed; } .transtitle { color: #555; background: #eed; font-weight: bolder; }</style> <link media="print" type="text/css" rel="stylesheet" href="https://www.w3.org/TR/WCAG20/print.css" /> <link rel="stylesheet" type="text/css" href="https://www.w3.org/TR/WCAG20/additional.css" /> <link rel="stylesheet" type="text/css" href="https://www.w3.org/StyleSheets/TR/W3C-REC" /> </head> <body> <p align="center">[<a href="#contents">Sisällysluettelo</a>] </p> <div class="head"> <p><a href="https://www.w3.org/"><img src="https://www.w3.org/Icons/w3c_home" alt="W3C" height="48" width="72" /></a></p> <div class="transheader" style="border: 2px solid gray; padding: 1em;"> <h1 class="transtitle">Authorized Translation: <br /> Web Content Accessibility Guidelines (WCAG) 2.0</h1> <p><strong>Lead translating organization:</strong> <br /> <a href="http://www.tut.fi/" xml:lang="en" lang="en">Tampere University of Technology</a>, <a href="http://www.tut.fi/hypermedia" xml:lang="en" lang="en">Hypermedia Laboratory</a>, <a href="http://www.w3c.tut.fi" xml:lang="en" lang="en">W3C Finnish Office</a> <br /> Korkeakoulunkatu 10, P.O.Box 527, FI-33720 Tampere, Finland<br /> Translation coordinators: Ossi Nykänen & Anne-Maritta Tervakari <br /> The translation was financially supported by the Ministry of Transport and Communications, and the Ministry of Finance, Finland. </p> <h1 class="transtitle">Virallinen suomenkielinen käännös</h1> <h2 class="transtitle">16. helmikuuta 2011</h2> <dl> <dt><strong>Tämä versio:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-fi/WCAG20-fi-20110216/">http://www.w3.org/Translations/WCAG20-fi/WCAG20-fi-20110216/</a></dd> <dt><strong>Viimeisin versio:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-fi/">http://www.w3.org/Translations/WCAG20-fi/</a></dd> <dt><strong>Alkuperäinen englanninkielinen versio:</strong></dt> <dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd> <dt><strong>Käännöksen errata:</strong></dt> <dd><a href="http://www.w3c.tut.fi/translations/tr/2010/WCAG20/errata.html">http://www.w3c.tut.fi/translations/tr/2010/WCAG20/errata.html</a> </dd> <dt><strong>Käännöstyötä johtanut organisaatio:</strong></dt> <dd><a href="http://www.tut.fi/">Tampereen teknillinen yliopisto</a>, <a href="http://www.tut.fi/hypermedia">Hypermedialaboratorio</a>, <a href="http://www.w3c.tut.fi/">W3C Suomen toimisto</a> <br /> Korkeakoulunkatu 10, PL 527, 33720 Tampere<br /> Käännös, koordinaatio ja editointi: Ossi Nykänen & Anne-Maritta Tervakari <br /> Käännöstyötä rahoittivat Liikenne- ja viestintäministeriö sekä Valtionvarainministeriö. </dd> <dt><strong>Käännöksen kommentointivaiheen yhteistyökumppanit:</strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/w3c-translators/2010JulSep/0065.html">Ilmoitus käännöstyön aloittamisesta</a> löytyy W3C:n postiarkistosta. Suuri kiitos kaikille kommentointityöhön osallistuneille! </dd> <dt><strong>Yhteenveto ehdotetun virallisen käännöksen julkisista kommenteista: </strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/public-auth-trans-fi/2010Dec/0000.html">http://lists.w3.org/Archives/Public/public-auth-trans-fi/2010Dec/0000.html</a> </dd> </dl> <p>Tämä on virallinen käännös W3C-dokumentista. Käännöstyössä on noudatettu W3C:n käytäntöä <a xml:lang="en" lang="en" href="https://www.w3.org/2005/02/TranslationPolicy.html">Policy for W3C Authorized Translations</a>. Mikäli käännöksestä löytyy epäselvyyksiä tai virheitä, noudatetaan alkuperäistä englanninkielistä dokumenttia. </p> </div> <h1><a name="title" id="title"></a>Verkkosisällön saavutettavuusohjeet (WCAG) 2.0</h1> <h2><a name="w3c-doctype" id="w3c-doctype"></a> W3C-suositus 11. joulukuuta 2008 </h2> <dl> <dt>Alkuperäinen englanninkielinen versio: </dt> <dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a> </dd> <dt>Viimeisin englanninkielinen versio: </dt> <dd><a href="https://www.w3.org/TR/WCAG20/">http://www.w3.org/TR/WCAG20/</a> </dd> <dt>Edellinen englanninkielinen versio: </dt> <dd><a href="https://www.w3.org/TR/2008/PR-WCAG20-20081103/">http://www.w3.org/TR/2008/PR-WCAG20-20081103/</a> </dd> <dt>Toimittajat:</dt> <dd xml:lang="en" lang="en">Ben Caldwell, Trace R&D Center, University of Wisconsin-Madison</dd> <dd xml:lang="en" lang="en">Michael Cooper, W3C</dd> <dd xml:lang="en" lang="en">Loretta Guarino Reid, Google, Inc.</dd> <dd xml:lang="en" lang="en">Gregg Vanderheiden, Trace R&D Center, University of Wisconsin-Madison</dd> <dt>Edelliset toimittajat:</dt> <dd><span xml:lang="en" lang="en">Wendy Chisholm</span> (heinäkuuhun 2006 asti W3C:ssä)</dd> <dd><span xml:lang="en" lang="en">John Slatin</span> (kesäkuuhun 2006 asti organisaatiossa <span xml:lang="en" lang="en">Accessibility Institute, University of Texas at Austin</span>)</dd> <dd><span xml:lang="en" lang="en">Jason White</span> (kesäkuuhun 2005 asti Melbournen yliopistossa)</dd> </dl> <p>Ole hyvä ja katso alkuperäisen englanninkielisen dokumentin <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/errata/"><strong>errata</strong></a>, joka saattaa sisältää normatiivisia korjauksia. </p> <p>Katso myös käännöksiä (<a xml:lang="en" lang="en" href="https://www.w3.org/2003/03/Translations/byTechnology?technology=WCAG20"><strong>translations</strong></a>). </p> <p>Alkuperäinen lähde on saatavilla myös ei-normatiivisissa formaateissa, katso <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/versions/guidelines/">Alternate Versions of Web Content Accessibility Guidelines 2.0</a>. </p> <p xml:lang="en" lang="en" class="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2008 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p> </div> <hr /> <div> <h2><a name="abstract" id="abstract"></a>Tiivistelmä</h2> <p>Verkkosisällön saavutettavuusohjeet 2.0 (Web Content Accessibility Guidelines [WCAG] 2.0) kattaa laajan joukon suosituksia, joiden avulla verkkosisällön saavutettavuutta voidaan parantaa. Näiden ohjeiden noudattaminen tekee sisällön saavutettavaksi laajalle joukolle ihmisiä, joilla on vammoja tai rajoitteita. Tällaisia ovat mm. sokeus ja heikkonäköisyys, kuurous ja huonokuuloisuus, oppimisvaikeudet, kognitiiviset rajoitteet, liikuntakyvyn rajoitteet, puhevaikeudet, valoherkkyys sekä näiden yhdistelmät. Näiden ohjeiden noudattaminen tekee verkkosisällöstä usein myös yleisesti käytettävämpää.</p> <p>WCAG 2.0 onnistumiskriteeristö on kirjoitettu testattavina lausumina, jotka eivät ole riippuvaisia yksittäisestä teknologiasta. Erillisissä dokumenteissa annetaan ohjeistusta siitä, miten onnistumiskriteerien asettamat vaatimukset voidaan täyttää tiettyjä teknologioita käytettäessä sekä myös yleistä tietoa siitä, miten tulkita näitä kriteerejä. <span><a href="https://www.w3.org/WAI/intro/wcag.php" xml:lang="en" lang="en">Web Content Accessibility Guidelines (WCAG) Overview</a> -dokumentista löytyy johdanto ja linkkejä WCAG:n englanninkieliseen tekniseen aineistoon ja koulutusmateriaaliin. </span> </p> <p><span>WCAG 2.0 on seuraava versio <a xml:lang="en" lang="en" href="https://www.w3.org/TR/WCAG10/">Web Content Accessibility Guidelines 1.0</a> <a href="#WCAG10">(WCAG10)</a> -dokumentista, joka julkaistiin W3C-suosituksena toukokuussa 1999. Vaikkakin on mahdollista noudattaa joko WCAG 1.0 tai WCAG 2.0 -suosituksia (tai molempia), W3C suosittelee, että silloin, kun on kyse uudesta ja päivitetystä sisällöstä, käytetään versiota WCAG 2.0. W3C suosittaa myös, että verkkosaavutettavuuden käytänteitä kuvaavissa linjauksissa viitataan suositukseen WCAG 2.0. </span></p> </div> <div> <h2><a name="status" id="status"></a>Dokumentin tila</h2> <p><em>Tämä osio kuvaa tämän dokumentin tilan sen julkaisuhetkellä. Muut dokumentit voivat korvata tämän dokumentin. Luettelo nykyisistä W3C-julkaisuista ja viimeisin versio tästä teknisestä raportista löytyvät <a href="https://www.w3.org/TR/" xml:lang="en" lang="en">W3C technical reports index</a> -dokumentista osoitteessa <a href="https://www.w3.org/TR/">http://www.w3.org/TR/</a>. </em></p> <p>Tämä on W3C-suositus Verkkosisällön saavutettavuusohjeista 2.0 (<span xml:lang="en" lang="en">Web Content Accessibility Guidelines [WCAG] 2.0</span>). Dokumentin on tuottanut <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/GL/">Web Content Accessibility Guidelines Working Group</a>. </p> <p>W3C-jäsenet, ohjelmistokehittäjät ja muut W3C-ryhmät sekä aiheesta kiinnostuneet tahot ovat katselmoineet tämän dokumentin, ja W3C:n johtaja on hyväksynyt sen W3C-suositukseksi. Se on vakiintunut dokumentti ja sitä voidaan käyttää lähteenä tai siihen voidaan viitata toisesta dokumentista. W3C:n rooli suosituksen tekijänä on tehdä spesifikaatio tunnetuksi ja edistää sen laajamittaista käyttöönottoa. Tämä tehostaa Webin toiminnallisuutta ja yhteentoimivuutta. </p> <p>WCAG 2.0 -dokumenttia täydentää joukko ei-normatiivisia dokumentteja, <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/">Understanding WCAG 2.0</a> ja <a href="https://www.w3.org/TR/WCAG20-TECHS/" xml:lang="en" lang="en">Techniques for WCAG 2.0</a>. Vaikka näillä dokumenteilla ei ole samaa muodollista asemaa kuin WCAG 2.0:lla, ne tarjoavat tärkeää WCAG:in ymmärtämisessä ja implementoinnissa tarvittavaa informaatiota. </p> <p>Työryhmä pyytää, että (englanninkielisen lähdedokumentin) kommentointi tapahtuisi siihen tarkoitetun verkkolomakkeen (<a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/comments/">online comment form</a>) avulla. Jos tämä ei ole mahdollista, kommentteja voi lähettää myös osoitteeseen <a xml:lang="en" lang="en" href="mailto:public-comments-wcag20@w3.org">public-comments-wcag20@w3.org</a>. Julkinen kommenttiarkisto on vapaasti saatavilla (ks. <a xml:lang="en" lang="en" href="http://lists.w3.org/Archives/Public/public-comments-wcag20/">archives for the public comments list</a>). WCAG 2.0 -suosituksesta saatavien kommenttien perusteella ei tehdä muutoksia dokumentin tähän versioon, mutta ne voidaan huomioida erratassa tai tulevissa WCAG-versioissa. Työryhmä ei suunnittele tuottavansa muodollisia vastineita kommentteihin. Postituslistan arkistot (<a href="http://lists.w3.org/Archives/Public/w3c-wai-gl/" xml:lang="en" lang="en">WCAG WG mailing list discussions</a>) ovat julkisesti saatavilla, ja työryhmä saattaa tulevaisuudessa käsitellä tästä dokumentista saatuja kommentteja. </p> <p>Tämä dokumentti on tuotettu osana W3C:n saavutettavuusaloitetta WAI (<a xml:lang="en" lang="en" href="https://www.w3.org/WAI/">Web Accessibility Initiative</a> (WAI)). WCAG-työryhmän tavoitteet on kuvattu <a xml:lang="en" lang="en" href="https://www.w3.org/2004/04/wcag-charter">WCAG Working Group charter</a> -dokumentissa. WCAG-työryhmä on osa teknistä WAI-toimintaa (<a xml:lang="en" lang="en" href="https://www.w3.org/WAI/Technical/Activity">WAI Technical Activity</a>). </p> <p>Tämän dokumentin tuottanut ryhmä toimi W3C:n patenttikäytännön mukaisesti (<a xml:lang="en" lang="en" href="https://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>). W3C ylläpitää julkista sivua <a xml:lang="en" lang="en" href="https://www.w3.org/2004/01/pp-impl/35422/status" rel="disclosure">public list of any patent disclosures</a> ryhmän työn tuotosten yhteydessä; kyseinen sivu sisältää myös ohjeita patenttien käsittelyyn. W3C:n patenttikäytäntö ohjeistaa kuinka toimia tilanteessa, jossa suositukseen liittyy patenttivaatimuksia. Jos henkilöllä on varsinaista tietoa patentista, jonka hän uskoo sisältävän olennaisia patenttivaatimuksia, tulee hänen ilmoittaa asiasta <a xml:lang="en" lang="en" href="https://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a> edellyttämällä tavalla. (<span xml:lang="en" lang="en">An individual who has actual knowledge of a patent which the individual believes contains <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</span>)</p> </div> <div class="toc"> <hr /> <h2><a name="contents" id="contents"></a>Sisällysluettelo</h2> <ul class="toc"> <li><a href="#intro">Johdanto </a> <ul class="toc"> <li><a href="#intro-layers-guidance">WCAG 2.0 -ohjeistuksen tasot</a></li> <li><a href="#intro-related-docs">WCAG 2.0:aa täydentävä dokumentaatio </a></li> <li><a href="#new-terms">Tärkeitä WCAG 2.0 -termejä </a></li> </ul> </li> <li><a href="#guidelines">WCAG 2.0 -ohjeet </a> <ul class="toc"> <li><a href="#perceivable">1 Havaittava</a> <ul class="toc"> <li>1.1 <a href="#text-equiv">Tarjoa tekstivastineet kaikelle ei-tekstuaaliselle sisällölle siten, että sisältö voidaan muuttaa muihin tarvittaviin muotoihin, kuten isokokoiseksi tekstiksi, pistekirjoitukseksi, puheeksi, symboleiksi tai yksinkertaisemmaksi kieleksi. </a></li> <li>1.2 <a href="#media-equiv">Tarjoa vastine aikasidonnaiselle medialle. </a></li> <li>1.3 <a href="#content-structure-separation">Tuota sisältöä, joka voidaan esittää eri tavoin (esimerkiksi yksinkertaisemman asettelun avulla) informaatiota tai rakennetta menettämättä. </a></li> <li>1.4 <a href="#visual-audio-contrast">Helpota käyttäjiä näkemään ja kuulemaan sisältö lisäämällä taustasta erottuva etuala. </a></li> </ul> </li> <li><a href="#operable">2 Hallittava</a> <ul class="toc"> <li>2.1 <a href="#keyboard-operation">Toteuta kaikki toiminnallisuus siten, että se on käytettävissä näppäimistöltä. </a></li> <li>2.2 <a href="#time-limits">Anna käyttäjille tarpeeksi aikaa lukea ja käyttää sisältöä. </a></li> <li>2.3 <a href="#seizure">Älä suunnittele sisältöä tavalla, jonka tiedetään aiheuttavan sairauskohtauksia. </a></li> <li>2.4 <a href="#navigation-mechanisms">Tarjoa käyttäjille tapoja navigoida, etsiä sisältöä ja määrittää sijaintinsa. </a></li> </ul> </li> <li><a href="#understandable">3 Ymmärrettävä </a> <ul class="toc"> <li>3.1 <a href="#meaning">Tee tekstisisällöstä luettavaa ja ymmärrettävää. </a></li> <li>3.2 <a href="#consistent-behavior">Tee verkkosivuista sellaisia, että niiden ilmiasu ja toiminta ovat ennakoitavissa. </a></li> <li>3.3 <a href="#minimize-error">Auta käyttäjiä välttämään ja korjaamaan virheitä. </a></li> </ul> </li> <li><a href="#robust">4 Lujatekoinen </a> <ul class="toc"> <li>4.1 <a href="#ensure-compat">Maksimoi yhteensopivuus nykyisten ja tulevien asiakasohjelmien kanssa, mukaan lukien avustavat teknologiat. </a></li> </ul> </li> </ul> </li> <li><a href="#conformance">Ohjeidenmukaisuus</a> <ul class="toc"> <li><a href="#conformance-reqs">Ohjeidenmukaisuuden vaatimukset</a></li> <li><a href="#conformance-claims">Ohjeidenmukaisuudesta kertovat väittämät (valinnainen) </a></li> <li><a href="#conformance-partial">Osittaisesta ohjeidenmukaisuudesta kertova lausuma - kolmannen osapuolen sisältö </a></li> <li><a href="#conformance-partial-lang">Osittaisesta ohjeidenmukaisuudesta kertova lausuma - kieli </a></li> </ul> </li> </ul> <h3><a name="appendices" id="appendices"></a> Liitteet</h3> <ul class="toc"> <li>Liite A: <a href="#glossary">Sanasto</a> (Normatiivinen) </li> <li>Liite B: <a href="#acknowledgments">Kiitokset</a></li> <li>Liite C: <a href="#references">Lähteet</a></li> </ul> </div> <hr /> <div class="front"> <div class="div1"> <h2><a name="intro" id="intro"></a>Johdanto</h2> <p>Tämä osio on <a title="määritelmä: informatiivinen" href="#informativedef" class="termref">informatiivinen</a>. </p> <p>Verkkosisällön saavutettavuusohjeet 2.0 (Web Content Accessibility Guidelines [WCAG] 2.0) määrittelee, kuinka tehdä verkkosisällöstä paremmin saavutettavaa henkilöille, joilla on vammoja tai rajoitteita. Saavutettavuus koskee laajaa joukkoa vammoja ja rajoitteita, muun muassa näkö-, kuulo-, puhe-, kognitio-, kieli- ja oppimisvaikeuksia sekä fyysisiä ja neurologisia vammoja ja rajoitteita. Huolimatta siitä, että ohjeet kattavat laajan joukon haittoja, ne eivät pysty huomioimaan kaikentyyppisiä tai -tasoisia vammoja ja rajoitteita eikä niiden yhdistelmiä. Nämä ohjeet tekevät verkkosisällöstä käytettävämpää myös vanhemmille henkilöille, joiden toimintakyvyt muuttuvat ikääntymisen myötä. Ohjeet auttavat usein myös yleisesti parantamaan käytettävyyttä kaikille käyttäjille. </p> <p>WCAG 2.0 on kehitetty W3C:n toimintaohjeen (<a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/w3c-process.php">W3C process</a>) mukaisesti yhteistyössä eri puolilta maailmaa olevien yksityishenkilöiden ja organisaatioiden kanssa. Työn tavoitteena on ollut tuottaa verkkosisällön saavutettavuudesta yhteinen standardi, joka vastaa kansainvälisesti yksityishenkilöiden, organisaatioiden ja hallitusten tarpeisiin. WCAG 2.0 rakentuu WCAG 1.0:n perustalle <a xml:lang="en" lang="en" href="#WCAG10">(WCAG10)</a> ja on suunniteltu laajasti yhteensoveltuvaksi nykyisiin ja tuleviin eri verkkoteknologioihin. WCAG 2.0 on tarkoitettu myös testattavaksi käyttäen automatisoidun testin ja ihmisen suorittaman arvioinnin yhdistelmää. Johdannon WCAG-aihepiiriin tarjoaa <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/wcag.php">Web Content Accessibility Guidelines (WCAG) Overview</a>. </p> <p>Verkkosaavutettavuus riippuu saavutettavan sisällön lisäksi myös saavutettavista verkkoselaimista ja muista asiakasohjelmista. Myös sisällöntuotannon välineillä on tärkeä rooli verkkosaavutettavuudessa. Seuraavat dokumentit tarjoavat yleiskuvan siitä, kuinka nämä verkkosovelluskehityksen ja vuorovaikutuksen komponentit toimivat yhdessä:</p> <ul> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/components">Essential Components of Web Accessibility</a> </strong> </p> </li> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/uaag.php">User Agent Accessibility Guidelines (UAAG) Overview</a> </strong> </p> </li> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/atag.php">Authoring Tool Accessibility Guidelines (ATAG) Overview</a> </strong> </p> </li> </ul> <div class="div2"> <h3><a name="intro-layers-guidance" id="intro-layers-guidance"></a>WCAG 2.0 -ohjeistuksen tasot</h3> <p>WCAG-ohjetta käyttävät monenlaiset yksilöt ja yhteisöt, mm. verkkosuunnittelijat, sovelluskehittäjät, päättäjät, hankintavastaavat, opettajat ja opiskelijat. Jotta tämän kohdeyleisön vaihteleviin tarpeisiin vastattaisiin, ohjeistusta tarjotaan useilla eri tasoilla. Ohjeistus käsittää <em>periaatteita</em>, yleisiä <em>ohjeita</em>, testattavia <em>onnistumiskriteereitä</em>, monipuolisen kokoelman <em>riittäviä tekniikoita</em> ja <em>neuvoa-antavia tekniikoita</em> sekä <em>dokumentoituja tyypillisiä virheitä</em> esimerkein, resurssilinkein ja koodein varustettuna. </p> <ul> <li><p><strong>Periaatteet</strong> - Ylimmällä tasolla olevat neljä periaatetta muodostavat verkkosaavutettavuuden perustan: <em>havaittavuus, hallittavuus, ymmärrettävyys ja lujatekoisuus. </em> Katso myös <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head">Understanding the Four Principles of Accessibility</a>.</p> </li> <li><p><strong>Ohjeet</strong> - Periaatteiden tason alapuolella ovat ohjeet. Laaditut 12 ohjetta tarjoavat sisällöntuottajille työskentelyn perustavoitteet niin, että tuotettu sisältö olisi saavutettavaa henkilöille, joilla on jokin vamma tai rajoite. Ohjeet eivät ole testattavia, mutta ne tarjoavat puitteet ja yleiset tavoitteet, jotka auttavat sisällöntuottajia ymmärtämään onnistumiskriteereitä ja implementoimaan tekniikoita paremmin.</p> </li> <li><p><strong>Onnistumiskriteerit </strong> - Jokaiselle ohjeelle on laadittu testattavia onnistumiskriteereitä, jotta WCAG 2.0 -ohjeistusta voidaan käyttää silloin, kun vaatimusten määrittely ja ohjeidenmukaisuuden testaus ovat välttämättömiä, kuten esimerkiksi määrittelydokumentaatiossa, hankinnoissa, säädöksissä ja sopimuksissa. Jotta erilaisten sidosryhmien ja tilanteiden tarpeisiin voitaisiin vastata, on ohjeiden noudattamiselle määritelty kolme tasoa: A (matalin), AA ja AAA (korkein). Lisäinformaatiota WCAG-tasoista löytyy <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-levels-head">Understanding Levels of Conformance</a> -dokumentista. </p> </li> <li><p><strong>Riittävät ja neuvoa-antavat tekniikat </strong> - Työryhmä on myös vahvistanut laajan joukon <em>tekniikoita</em> jokaiselle <em>ohjeelle</em> ja <em>onnistumiskriteerille</em>. Tekniikat ovat informatiivisia ja jakautuvat kahteen kategoriaan: <em>riittäviin</em> ja <em>neuvoa-antaviin</em>. Neuvoa-antavat tekniikat ylittävät yksittäisten onnistumiskriteerien vaatimukset ja tarjoavat sisällöntuottajille mahdollisuuden noudattaa ohjeita paremmin. Jotkin neuvoa-antavista tekniikoista käsittelevät sellaisia saavutettavuuden esteitä, joita testattavat onnistumiskriteerit eivät kata. Tapauksissa, joissa tyypilliset epäonnistumiset ovat tunnettuja, ne on myös dokumentoitu. Katso myös <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-layers-techs-head">Sufficient and Advisory Techniques in Understanding WCAG 2.0</a>. </p> </li> </ul> <p>Ohjeistuksen eri tasot (periaatteet, ohjeet, onnistumiskriteerit sekä riittävät ja neuvoa-antavat tekniikat) toimivat yhdessä opastaen tekemään verkkosisällöstä paremmin saavutettavaa. Sisällöntuottajia rohkaistaan tarkastelemaan ja soveltamaan kaikkia tasoja mahdollisuuksiensa mukaisesti, mukaan lukien neuvoa-antavat tekniikat, jotta voitaisiin parhaiten vastata mahdollisimman laajan käyttäjäjoukon tarpeisiin.</p> <p>On syytä huomata, että korkeimmankaan tason (AAA) ohjeita noudattava sisältö ei ole saavutettavaa kaikille käyttäjille, joilla on jonkin tyyppinen tai jonkinasteinen vamma, rajoite tai niiden yhdistelmä erityisesti kognition, kielen ja oppimisen alueilla. Sisällöntuottajia rohkaistaan ottamaan huomioon koko tekniikoiden valikoima, mukaan lukien neuvoa-antavat tekniikat, sekä lisäksi etsimään asiaan liittyviä neuvoja nykyisistä hyvistä käytännöistä varmistaakseen, että verkkosisältö on mahdollisimman saavutettavaa tälle yhteisölle. Metadata (ks. <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/appendixC.html#understanding-metadata">metadata</a>) voi auttaa käyttäjiä löytämään heidän tarpeisiinsa parhaiten soveltuvaa sisältöä.</p> </div> <div class="div2"> <h3><a name="intro-related-docs" id="intro-related-docs"></a> WCAG 2.0:aa täydentävä dokumentaatio</h3> <p>WCAG 2.0 -dokumentti on suunniteltu vastaamaan sellaisten ihmisten tarpeisiin, jotka tarvitsevat vakiintunutta, viitattavissa olevaa teknistä standardia. Muu täydentävä dokumentaatio perustuu WCAG 2.0 -dokumenttiin ja käsittelee muita tärkeitä pyrkimyksiä, esimerkiksi valmiutta päivitettävällä tavalla kuvata, kuinka WCAG:ia on mahdollista soveltaa uusissa teknologioissa. Täydentävä dokumentaatio sisältää: </p> <ol class="enumar"> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/">How to Meet WCAG 2.0</a></strong> - Mukautettavissa oleva WCAG 2.0:n pikaopas, joka sisältää kaikki ohjeet, onnistumiskriteerit ja tekniikat. Pikaopas on tarkoitettu sisällöntuottajien työkaluksi verkkosisältöjen kehittämisessä ja arvioimisessa.</p> </li> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/">Understanding WCAG 2.0</a></strong> - Opas WCAG 2.0:n ymmärtämiseen ja implementoimiseen. Jokaiselle ohjeelle, onnistumiskriteerille ja avainkohdalle on saatavilla lyhyt <span xml:lang="en" lang="en">"Understanding"</span>-dokumentti.</p> </li> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/TR/WCAG20-TECHS/">Techniques for WCAG 2.0</a> </strong> - Kokoelma tekniikoita ja tyypillisiä virheitä, joista jokainen on erillisessä kuvauksen, esimerkkejä, koodia ja testejä sisältävässä dokumentissa.</p> </li> <li><p><strong><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/intro/wcag20">The WCAG 2.0 Documents</a></strong> - Diagrammi ja kuvaus teknisten dokumenttien keskinäisistä suhteista ja linkityksistä.</p> </li> </ol> <p>Katso <a href="https://www.w3.org/WAI/intro/wcag.php" xml:lang="en" lang="en">Web Content Accessibility Guidelines (WCAG) Overview</a>, joka sisältää kuvauksen WCAG 2.0 -tukimateriaalista, esimerkiksi WCAG 2.0 -koulutusmateriaaleja. <span>Lisämateriaalit, jotka käsittelevät sellaisia aiheita kuin verkkosaavutettavuuden liiketoiminnallinen merkitys, toimeenpanosuunnitelma verkkopalveluiden saavutettavuuden kehittämiseksi ja saavutettavuuden toimintalinjaukset, on lueteltu sivulla <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/Resources/Overview">WAI Resources</a>.</span> </p> </div> <div class="div2"> <h3><a name="new-terms" id="new-terms"></a>Tärkeitä WCAG 2.0 -termejä</h3> <p>WCAG 2.0 sisältää kolme tärkeää termiä, jotka eroavat WCAG 1.0:sta. Kukin näistä on esitelty alla lyhyesti ja määritelty tarkemmin sanastossa.</p> <dl> <dt class="label">Verkkosivu</dt> <dd><p>On tärkeää huomata, että tässä standardissa termiin "<a title="määritelmä: Verkkosivu" href="#webpagedef" class="termref">verkkosivu</a>" sisältyy paljon enemmän kuin staattiset HTML-sivut. Se sisältää myös yhä dynaamisemmat verkkosivut, jotka ovat yleistymässä verkossa, mukaan lukien "sivut", jotka voivat esittää kokonaisia virtuaalisia ja vuorovaikutteisia yhteisöjä. Esimerkiksi termi "verkkosivu" sisältää immersiivisen, vuorovaikutteisen ja elokuvaa muistuttavan kokemuksen, joka löytyy yhdestä URI-osoitteesta. Saadaksesi lisätietoa, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-web-page-head">Understanding "Web Page"</a>.</p> </dd> <dt class="label">Ohjelmallisesti selvitettävä</dt> <dd><p>Useat onnistumiskriteerit vaativat, että sisältö (tai sisällön tietyt osa-alueet) voidaan "<a title="määritelmä: ohjelmallisesti selvitettävä (programmatically determinable)" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a>". Tämä tarkoittaa, että sisältö on toimitettu siten, että <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellukset</a>, mukaan lukien <a title="määritelmä: avustava teknologia (kuten käytetty tässä dokumentissa)" href="#atdef" class="termref">avustavat teknologiat</a>, voivat lukea ja esittää tämän informaation käyttäjille eri modaliteettien avulla. Saadaksesi lisätietoja, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-programmatically-determined-head">Understanding Programmatically Determined</a>. </p> </dd> <dt class="label">Saavutettavuudeltaan tuettu</dt> <dd><p>Kun teknologiaa käytetään tavalla, joka on saavutettavuudeltaan tuettu, tarkoittaa se sitä, että kyseinen teknologia toimii avustavien teknologioiden (<span xml:lang="en" lang="en">Assistive Technologies</span>, AT) sekä käyttöjärjestelmien, selainten ja muiden asiakasohjelmien saavutettavuusominaisuuksien kanssa. WCAG 2.0:n onnistumiskriteerien täyttämiseksi voidaan tietyn teknologian ominaisuuksiin <a title="määritelmä: nojautua (johonkin teknologiaan)" href="#reliedupondef" class="termref">nojautua</a> vain, jos niitä on käytetty tavalla, joka on <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">"saavutettavuudeltaan tuettu"</a>. Teknologian ominaisuuksia voidaan käyttää tavoilla, jotka eivät ole saavutettavuudeltaan tuettuja (eivät toimi avustavien teknologioiden kanssa jne.), kunhan minkään onnistumiskriteerin täyttäminen ei riipu niistä (ts. sama informaatio tai toiminnallisuus on myös saatavilla toisella, tuetulla tavalla).</p> <p>Termin "saavutettavuudeltaan tuettu" määritelmä löytyy näiden ohjeiden osiosta <a href="#glossary">Liite A: Sanasto</a>. Saadaksesi lisätietoja, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head">Understanding Accessibility Support</a>. </p> </dd> </dl> </div> </div> </div> <div class="body"> <div class="div1"> <h2><a name="guidelines" id="guidelines"></a> WCAG 2.0 -ohjeet</h2> <p>Tämä osio on <a title="määritelmä: normatiivinen" href="#normativedef" class="termref">normatiivinen</a>.</p> <div class="div2"> <h2 class="principle"><a name="perceivable" id="perceivable"></a> Periaate 1: Havaittava - Informaatio ja käyttöliittymäkomponentit pitää esittää tavoilla, jotka käyttäjä voi havaita.</h2> <div class="div3"> <div class="guideline"> <h3><a name="text-equiv" id="text-equiv"></a> Ohje 1.1 Tekstivastineet: Tarjoa tekstivastineet kaikelle ei-tekstuaaliselle sisällölle siten, että sisältö voidaan muuttaa muihin tarvittaviin muotoihin, kuten isokokoiseksi tekstiksi, pistekirjoitukseksi, puheeksi, symboliksi tai yksinkertaisemmaksi kieleksi. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv.html">Understanding Guideline 1.1</a> </p> </div> <div class="req"> <div class="sc" id="text-equiv-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.1.1 Ei-tekstuaalinen sisältö:</strong> Kaikki käyttäjälle esitettävä <a title="määritelmä: ei-tekstuaalinen sisältö" href="#non-text-contentdef" class="termref">ei-tekstuaalinen sisältö</a> on varustettu saman tarpeen täyttävällä <a title="määritelmä: tekstivastine" href="#text-altdef" class="termref">tekstivastineella</a>, pois lukien alla luetellut tapaukset. (Taso A)</p> <ul> <li><p><strong class="sc-handle">Kontrollit, syöte: </strong> Ei-tekstuaalisella sisällöllä on sen tarkoituksen kuvaava <a title="määritelmä: nimi" href="#namedef" class="termref">nimi</a>, jos se toimii kontrollina tai vastaanottaa käyttäjän syötettä. (Tutustu <a href="#ensure-compat">ohjeeseen 4.1</a> saadaksesi lisää vaatimuksia kontrolleille ja käyttäjän syötettä vastaanottavalle sisällölle.) </p> </li> <li><p><strong class="sc-handle">Aikasidonnainen media: </strong> Jos ei-tekstuaalinen sisältö on aikasidonnaista mediaa, tekstivastineet tarjoavat vähintään kuvailevan tunnistetiedon ei-tekstuaalisesta sisällöstä. (Tutustu <a href="#media-equiv">ohjeeseen 1.2</a> saadaksesi lisävaatimuksia medialle.) </p> </li> <li><p><strong class="sc-handle">Testi: </strong> Jos ei-tekstuaalinen sisältö on testi tai harjoitus, joka ei olisi <a title="määritelmä: teksti" href="#textdef" class="termref">tekstinä</a> esitettynä pätevä, tarjoavat tekstivastineet vähintään kuvailevan tunnistetiedon ei-tekstuaalisesta sisällöstä. </p> </li> <li><p><strong class="sc-handle">Aistinvarainen: </strong> Jos ei-tekstuaalinen sisältö on ensisijaisesti tarkoitettu aikaansaamaan <a title="määritelmä: spesifi aistinvarainen kokemus" href="#sensoryexpdef" class="termref">tietty aistinvarainen kokemus</a>, niin tekstivastineet tarjoavat vähintään kuvailevan tunnistetiedon ei-tekstuaalisesta sisällöstä. </p> </li> <li><p><strong class="sc-handle"><a title="määritelmä: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a>:</strong> Jos ei-tekstuaalisen sisällön tarkoitus on varmistaa, että sisältöä käyttää henkilö eikä tietokone, niin tarjolla on tekstivastineita, jotka tunnistavat ja kuvailevat ei-tekstuaalisen sisällön tarkoituksen. Lisäksi tarjolla on vaihtoehtoisia CAPTCHA-muotoja, jotka ottavat huomioon erilaiset vammat ja rajoitteet käyttäen eri aistinvaraisia havaintoja tukevia esitystapoja.</p> </li> <li><p><strong class="sc-handle">Koristeet, muotoilu, näkymättömyys:</strong> Jos ei-tekstuaalinen sisältö on <a title="määritelmä: yksinomaan koriste " href="#puredecdef" class="termref">yksinomaan koriste</a>, jos sitä käytetään ainoastaan visuaaliseen muotoiluun tai jos se on käyttäjälle näkymätön, se toteutetaan siten, että <a title="määritelmä: avustava teknologia (kuten termiä on käytetty tässä dokumentissa)" href="#atdef" class="termref">avustava teknologia</a> voi jättää sen huomioimatta. </p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-text-equiv-all" class="HTMlink" title="How to Meet Success Criterion 1.1.1">How to Meet 1.1.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html" class="HTMlink" title="Understanding Success Criterion 1.1.1">Understanding 1.1.1</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="media-equiv" id="media-equiv"></a> Ohje 1.2 Aikasidonnainen media: Tarjoa vastine aikasidonnaiselle medialle. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv.html">Understanding Guideline 1.2</a></p> </div> <div class="req"> <div class="sc" id="media-equiv-av-only-alt"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.1 Pelkkä audio tai pelkkä video (tallennettu): </strong> Seuraava pätee <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: pelkkä audio" href="#audio-onlydef" class="termref">pelkälle audio</a>medialle ja tallennetulle <a title="määritelmä: pelkkä video" href="#video-onlydef" class="termref">pelkälle video</a>medialle, paitsi kun audio tai video on <a title="määritelmä: tekstin mediavastine" href="#multimedia-alt-textdef" class="termref">tekstin mediavastine</a> ja selvästi merkitty sellaiseksi: (Taso A) </p> <ul> <li><p><strong class="sc-handle">Pelkkä tallennettu audio: </strong> Tarjolla on <a title="määritelmä: vastine aikasidonnaiselle medialle" href="#alt-time-based-mediadef" class="termref">aikasidonnaiselle medialle vastine</a>, joka esittää vastaavan sisällön kuin tallennettu pelkkä audiosisältö.</p> </li> <li><p><strong class="sc-handle">Pelkkä tallennettu video: </strong> Tarjolla on joko vastine aikasidonnaiselle medialle tai audiotiedosto, joka esittää vastaavan informaation kuin tallennettu pelkkä videosisältö.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-av-only-alt" class="HTMlink" title="How to Meet Success Criterion 1.2.1">How to Meet 1.2.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html" class="HTMlink" title="Understanding Success Criterion 1.2.1">Understanding 1.2.1</a> </p> </div> </div> <div class="sc" id="media-equiv-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.2 Tekstitys (tallennettu): </strong> Kaikelle <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidussa mediassa</a> olevalle <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: audio" href="#audiodef" class="termref">audio</a>sisällölle on tarjolla <a title="määritelmä: tekstitys" href="#captionsdef" class="termref">tekstityksiä</a>, paitsi kun media on <a title="määritelmä: tekstin mediavastine" href="#multimedia-alt-textdef" class="termref">tekstin mediavastine</a> ja selvästi merkitty sellaiseksi. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-captions" class="HTMlink" title="How to Meet Success Criterion 1.2.2">How to Meet 1.2.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html" class="HTMlink" title="Understanding Success Criterion 1.2.2">Understanding 1.2.2</a> </p> </div> </div> <div class="sc" id="media-equiv-audio-desc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.3 Ääniselite tai mediavastine (tallennettu): </strong> <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">Synkronoidulle medialle</a> on tarjolla <a title="määritelmä: aikasidonnaisen median vastine" href="#alt-time-based-mediadef" class="termref">aikasidonnaisen median vastine</a> tai <a title="määritelmä: ääniselite" href="#audiodescdef" class="termref">ääniselite</a> <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetusta</a> <a title="määritelmä: video" href="#videodef" class="termref">video</a>sisällöstä, paitsi kun media on <a title="määritelmä: tekstin mediavastine" href="#multimedia-alt-textdef" class="termref">tekstin mediavastine</a> ja selvästi merkitty sellaiseksi. </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc" class="HTMlink" title="How to Meet Success Criterion 1.2.3">How to Meet 1.2.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc.html" class="HTMlink" title="Understanding Success Criterion 1.2.3">Understanding 1.2.3</a> </p> </div> </div> </div> <div class="bp"> <div class="sc" id="media-equiv-real-time-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.4 Tekstitys (suorissa lähetyksissä): </strong> Kaikelle <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidussa mediassa</a> olevalle <a title="määritelmä: suora" href="#livedef" class="termref">suoralle</a> <a title="määritelmä: audio" href="#audiodef" class="termref">audio</a>sisällölle on tarjolla <a title="määritelmä: tekstitys" href="#captionsdef" class="termref">tekstityksiä</a>. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-real-time-captions" class="HTMlink" title="How to Meet Success Criterion 1.2.4">How to Meet 1.2.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-real-time-captions.html" class="HTMlink" title="Understanding Success Criterion 1.2.4">Understanding 1.2.4</a> </p> </div> </div> <div class="sc" id="media-equiv-audio-desc-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.5 Ääniselite (tallennettu): </strong> Kaikelle <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidussa mediassa</a> olevalle <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: video" href="#videodef" class="termref">video</a>sisällölle on tarjolla <a title="määritelmä: ääniselite" href="#audiodescdef" class="termref">ääniselite</a>. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc-only" class="HTMlink" title="How to Meet Success Criterion 1.2.5">How to Meet 1.2.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc-only.html" class="HTMlink" title="Understanding Success Criterion 1.2.5">Understanding 1.2.5</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="media-equiv-sign"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.6 Viittomakieli (tallennettu): </strong> Kaikelle <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidussa mediassa</a> olevalle <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: audio" href="#audiodef" class="termref">audio</a>sisällölle on tarjolla <a title="määritelmä: viittomakielinen tulkkaus" href="#sign-languageinterpdef" class="termref">viittomakielinen tulkkaus</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-sign" class="HTMlink" title="How to Meet Success Criterion 1.2.6">How to Meet 1.2.6</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-sign.html" class="HTMlink" title="Understanding Success Criterion 1.2.6">Understanding 1.2.6</a></p> </div> </div> <div class="sc" id="media-equiv-extended-ad"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.7 Laajennettu ääniselite (tallennettu): </strong> Kun tauot etualan äänissä (eli ei-taustaäänissä) ovat riittämättömiä videon tunnelman välittämiseen <a title="määritelmä: ääniselite" href="#audiodescdef" class="termref">ääniselitteiden</a> avulla, tarjotaan kaikelle <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidussa mediassa</a> olevalle <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: video" href="#videodef" class="termref">video</a>sisällölle <a title="määritelmä: laajennettu ääniselite" href="#extended-addef" class="termref">laajennettu ääniselite</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-extended-ad" class="HTMlink" title="How to Meet Success Criterion 1.2.7">How to Meet 1.2.7</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-extended-ad.html" class="HTMlink" title="Understanding Success Criterion 1.2.7">Understanding 1.2.7</a> </p> </div> </div> <div class="sc" id="media-equiv-text-doc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.8 Mediavastine (tallennettu): </strong> <a title="määritelmä: vastine aikasidonnaiselle medialle" href="#alt-time-based-mediadef" class="termref">Aikasidonnaisen median vastine</a> on tarjolla kaikelle <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">tallennetulle</a> <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoidulle medialle</a> ja kaikelle tallennetulle <a title="määritelmä: pelkkä video" href="#video-onlydef" class="termref">pelkälle video</a>medialle. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-text-doc" class="HTMlink" title="How to Meet Success Criterion 1.2.8">How to Meet 1.2.8</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-text-doc.html" class="HTMlink" title="Understanding Success Criterion 1.2.8">Understanding 1.2.8</a> </p> </div> </div> <div class="sc" id="media-equiv-live-audio-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.9 Pelkkä audio (suorissa lähetyksissä):</strong> Tarjolla on <a title="määritelmä: aikasidonnaisen median vastine" href="#alt-time-based-mediadef" class="termref">vastine aikasidonnaiselle medialle</a>, joka esittää vastaavan informaation kuin <a title="määritelmä: suora" href="#livedef" class="termref">suora</a>na lähetettävä <a title="määritelmä: pelkkä audio" href="#audio-onlydef" class="termref">pelkkä audio</a>sisältö. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-live-audio-only" class="HTMlink" title="How to Meet Success Criterion 1.2.9">How to Meet 1.2.9</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-live-audio-only.html" class="HTMlink" title="Understanding Success Criterion 1.2.9">Understanding 1.2.9</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="content-structure-separation" id="content-structure-separation"></a> Ohje 1.3 Mukautettava: Tuota sisältöä, joka voidaan esittää eri tavoin (esimerkiksi yksinkertaisemman asettelun avulla) informaatiota tai rakennetta menettämättä.</h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation.html">Understanding Guideline 1.3</a> </p> </div> <div class="req"> <div class="sc" id="content-structure-separation-programmatic"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.1 Informaatio ja suhteet:</strong> <a title="määritelmä: esitystapa" href="#presentationdef" class="termref">Esitystavassa</a> välittyvät informaatio, <a title="määritelmä: rakenne" href="#structuredef" class="termref">rakenne</a> ja <a title="määritelmä: suhteet" href="#relationshipsdef" class="termref">suhteet</a> voidaan <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a> tai ne ovat saatavilla tekstinä. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic" class="HTMlink" title="How to Meet Success Criterion 1.3.1">How to Meet 1.3.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html" class="HTMlink" title="Understanding Success Criterion 1.3.1">Understanding 1.3.1</a> </p> </div> </div> <div class="sc" id="content-structure-separation-sequence"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.2 Merkitykseen vaikuttava järjestys: </strong> Kun sisällön esitysjärjestys vaikuttaa sisällön merkitykseen, <a title="määritelmä: oikea lukujärjestys" href="#correct-reading-sequencedef" class="termref">oikea lukemisjärjestys </a> voidaan <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a>. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-sequence" class="HTMlink" title="How to Meet Success Criterion 1.3.2">How to Meet 1.3.2</a><span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-sequence.html" class="HTMlink" title="Understanding Success Criterion 1.3.2">Understanding 1.3.2</a></p> </div> </div> <div class="sc" id="content-structure-separation-understanding"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.3 Aistinvaraiset ominaispiirteet:</strong> Ohjeet sisällön ymmärtämiseksi ja hallitsemiseksi eivät riipu yksinomaan komponenttien aistinvaraisista ominaispiirteistä kuten muoto, koko, visuaalinen sijainti, suunta tai ääni. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tutustuaksesi väriin liittyviin vaatimuksiin, katso <a href="#visual-audio-contrast">ohje 1.4</a>. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-understanding" class="HTMlink" title="How to Meet Success Criterion 1.3.3">How to Meet 1.3.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-understanding.html" class="HTMlink" title="Understanding Success Criterion 1.3.3">Understanding 1.3.3</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="visual-audio-contrast" id="visual-audio-contrast"></a> Ohje 1.4 Erottuva: Helpota käyttäjiä näkemään ja kuulemaan sisältö lisäämällä taustasta erottuva etuala. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast.html">Understanding Guideline 1.4</a></p> </div> <div class="req"> <div class="sc" id="visual-audio-contrast-without-color"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.1 Värien käyttö: </strong> Väriä ei käytetä ainoana visuaalisena keinona välittämään informaatiota, esittämään toimintoa, pyytämään vastausta tai korostamaan visuaalista elementtiä. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em>Tämä onnistumiskriteeri käsittelee erityisesti värien havaitsemista. Havaitsemisen muut muodot käsitellään <a href="#content-structure-separation">ohjeessa 1.3</a>, mukaan lukien ohjelmallinen pääsy värien ja muiden visuaalisten esitystapojen koodaukseen.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-without-color" class="HTMlink" title="How to Meet Success Criterion 1.4.1">How to Meet 1.4.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html" class="HTMlink" title="Understanding Success Criterion 1.4.1">Understanding 1.4.1</a> </p> </div> </div> <div class="sc" id="visual-audio-contrast-dis-audio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.2 Audion kontrollointi: </strong> Jos jokin ääni verkkosivulla soi automaattisesti kauemmin kuin kolme sekuntia, käytettävissä on joko <a title="määritelmä: mekanismin" href="#mechanismdef" class="termref">mekanismi</a> äänen keskeyttämiseen tai pysäyttämiseen tai mekanismi äänen voimakkuuden säätämiseen koko järjestelmän äänenvoimakkuuden säädöstä riippumatta. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso <a href="#cc5">ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys</a>. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-dis-audio" class="HTMlink" title="How to Meet Success Criterion 1.4.2">How to Meet 1.4.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html" class="HTMlink" title="Understanding Success Criterion 1.4.2">Understanding 1.4.2</a> </p> </div> </div> </div> <div class="bp"> <div class="sc" id="visual-audio-contrast-contrast"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.3 Kontrasti (minimi): </strong> <a title="määritelmä: teksti" href="#textdef" class="termref">Tekstin</a> <span>visuaalisella esityksellä</span> ja <a title="määritelmä: kuva tekstistä" href="#images-of-textdef" class="termref">tekstiä esittävissä kuvissa</a> <a title="määritelmä: kontrastisuhde" href="#contrast-ratiodef" class="termref">kontrastisuhde</a> on vähintään <span>4,</span>5:1, paitsi seuraavissa tapauksissa: (Taso AA) </p> <ul> <li><p><strong class="sc-handle">Isokokoinen teksti: </strong> <a title="määritelmä: isokokoinen (teksti)" href="#larger-scaledef" class="termref">Isokokoisella</a> tekstillä ja isokokoista tekstiä esittävissä kuvissa kontrastisuhde on vähintään 3:1; </p> </li> <li><p><strong class="sc-handle">Oheissisältö: </strong> Tekstillä tai tekstiä esittävillä kuvilla, jotka eivät kuulu toiminnallisiin <a title="määritelmä: käyttöliittymäkomponentti" href="#user-interface-componentdef" class="termref">käyttöliittymäkomponentteihin</a>, jotka ovat <a title="määritelmä: yksinomaan koriste" href="#puredecdef" class="termref">yksinomaan koristeita</a>, jotka eivät ole näkyvissä kenellekään tai jotka ovat osa muuta merkittävää visuaalista sisältöä sisältävää kuvaa, ei ole kontrastivaatimuksia. </p> </li> <li><p><strong class="sc-handle">Logotyypit: </strong> Tekstille, joka on osa logoa tai brändin nimeä, ei ole kontrastivaatimusta.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast" class="HTMlink" title="How to Meet Success Criterion 1.4.3">How to Meet 1.4.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" class="HTMlink" title="Understanding Success Criterion 1.4.3">Understanding 1.4.3</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-scale"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.4 Tekstin koon muuttaminen: </strong> Lukuun ottamatta <a title="määritelmä: tekstitys" href="#captionsdef" class="termref">tekstitystä</a> ja <a title="määritelmä: tekstiä esittävä kuva" href="#images-of-textdef" class="termref">tekstiä esittäviä kuvia</a> <a title="määritelmä: teksti" href="#textdef" class="termref">tekstin</a> kokoa voidaan muuttaa ilman <a title="määritelmä: avustava teknologia (kuten käytetty tässä dokumentissa)" href="#atdef" class="termref">avustavaa teknologiaa</a> aina 200 prosenttiin asti ilman sisällön tai toiminnallisuuden menettämistä. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale" class="HTMlink" title="How to Meet Success Criterion 1.4.4">How to Meet 1.4.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html" class="HTMlink" title="Understanding Success Criterion 1.4.4">Understanding 1.4.4</a> </p> </div> </div> <div class="sc" id="visual-audio-contrast-text-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.5 Tekstiä esittävät kuvat: </strong> Jos käytetty teknologia voi tuottaa visuaalisen esityksen, käytetään informaation välittämiseen ennemmin <a title="määritelmä: teksti" href="#textdef" class="termref">tekstiä</a> kuin <a title="määritelmä: tekstiä esittävä kuva" href="#images-of-textdef" class="termref">tekstiä esittäviä kuvia</a>, paitsi seuraavissa tapauksissa: (Taso AA) </p> <ul> <li><p><strong>Mukautettava:</strong> Tekstiä esittävä kuva voidaan <a title="määritelmä: visuaalisesti mukautettava" href="#visually-customizeddef" class="termref">visuaalisesti mukauttaa</a> käyttäjän vaatimusten mukaisesti; </p> </li> <li><p><strong>Olennainen:</strong> Tietty tekstin esitystapa on <a title="määritelmä: olennainen" href="#essentialdef" class="termref">olennainen</a> välitettävälle informaatiolle. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus: </em>Logotyypit (teksti, joka on osa logoa tai brändin nimeä) tulkitaan olennaisiksi. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-presentation" class="HTMlink" title="How to Meet Success Criterion 1.4.5">How to Meet 1.4.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html" class="HTMlink" title="Understanding Success Criterion 1.4.5">Understanding 1.4.5</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="visual-audio-contrast7"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.6 Kontrasti (lisätty): </strong> <a title="määritelmä: teksti" href="#textdef" class="termref">Tekstin</a> <span>visuaalisella esityksellä </span> ja <a title="määritelmä: tekstiä esittävä kuva" href="#images-of-textdef" class="termref">tekstiä esittävissä kuvissa</a> <a title="määritelmä: kontrastisuhde" href="#contrast-ratiodef" class="termref">kontrastisuhde</a> on vähintään 7:1, paitsi seuraavissa tapauksissa: (Taso AAA) </p> <ul> <li><p><strong class="sc-handle">Isokokoinen teksti: </strong> <a title="määritelmä: isokokoinen (teksti)" href="#larger-scaledef" class="termref">Isokokoisella</a> tekstillä ja isokokoista tekstiä esittävissä kuvissa kontrastisuhde on vähintään <span>4,</span>5:1;</p> </li> <li><p><strong class="sc-handle">Oheissisältö: </strong> Tekstillä tai tekstiä esittävillä kuvilla, jotka eivät kuulu toiminnallisiin <a title="määritelmä: käyttöliittymäkomponentti" href="#user-interface-componentdef" class="termref">käyttöliittymäkomponenttihin</a>, jotka ovat <a title="määritelmä: yksinomaan koriste" href="#puredecdef" class="termref">yksinomaan koristeita</a>, jotka eivät näy kenellekään tai jotka ovat osa muuta merkitsevää visuaalista sisältöä sisältävää kuvaa, ei ole kontrastivaatimuksia. </p> </li> <li><p><strong class="sc-handle">Logotyypit: </strong> Tekstille, joka on osa logoa tai brändin nimeä, ei ole kontrastin minimivaatimusta. </p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast7" class="HTMlink" title="How to Meet Success Criterion 1.4.6">How to Meet 1.4.6</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html" class="HTMlink" title="Understanding Success Criterion 1.4.6">Understanding 1.4.6</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-noaudio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.7 Hiljainen taustaääni tai ei taustaääntä: </strong> <a title="määritelmä: tallennettu" href="#prerecordeddef" class="termref">Tallennetulle</a> <a title="määritelmä: pelkkä audio" href="#audio-onlydef" class="termref">pelkälle audio</a>sisällölle joka (1) sisältää ensisijaisesti puhetta äänimaiseman edustalla, (2) ei ole auditiivinen <a title="määritelmä: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a> tai audiologo ja joka (3) ei ole vokalisaatio, jonka tarkoitus on ensisijaisesti olla musiikillinen ilmaisu, kuten laulu tai rap, ainakin yksi seuraavista pitää paikkansa: (Taso AAA) </p> <ul> <li><p><strong class="sc-handle">Ei taustaa: </strong> Audio ei sisällä taustaääniä. </p> </li> <li><p><strong class="sc-handle">Pois päältä: </strong> Taustaäänet voidaan kytkeä pois päältä.</p> </li> <li><p><strong class="sc-handle">20 dB: </strong> Taustaäänet ovat vähintään 20 desibeliä hiljaisempia kuin äänimaiseman etualan puhesisältö, poikkeuksena satunnaiset, yksi tai kaksi sekuntia kestävät äänet. </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> "Desibelin" määritelmän mukaan taustaääni, joka täyttää tämän vaatimuksen, on noin neljä kertaa hiljaisempi kuin äänimaiseman etualan puhesisältö. </p> </div> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-noaudio" class="HTMlink" title="How to Meet Success Criterion 1.4.7">How to Meet 1.4.7</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-noaudio.html" class="HTMlink" title="Understanding Success Criterion 1.4.7">Understanding 1.4.7</a> </p> </div> </div> <div class="sc" id="visual-audio-contrast-visual-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.8 Visuaalinen esitystapa: </strong> <a title="määritelmä: tekstilohko" href="#blockstextdef" class="termref">Tekstilohkojen</a> visuaaliselle esitystavalle on saatavilla <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> seuraaviin käyttötarkoituksiin: (Taso AAA) </p> <ol class="enumar"> <li><p>Käyttäjä voi valita edustan ja taustan värit. </p> </li> <li><p>Leveys on enintään 80 merkkiä tai kuvaketta (40, jos <acronym title="kiinaa, japania tai koreaa">CJK</acronym>)</p> </li> <li><p>Tekstiä ei ole tasattu (tasattu sekä vasempaan että oikeaan marginaaliin).</p> </li> <li><p>Riviväli on vähintään puolitoista riviä kappaleiden sisällä, ja kappaleiden väli on vähintään 1,5 kertaa suurempi kuin riviväli. </p> </li> <li><p>Tekstin kokoa voidaan muuttaa ilman avustavaa teknologiaa 200 prosenttiin asti tavalla, joka ei vaadi käyttäjää vierittämään tekstiä vaakasuunnassa rivin lukemiseksi <a title="määritelmä: kokonäytön ikkuna" href="#fullscreenwindowdef" class="termref">kokonäytön ikkunassa</a>.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-visual-presentation" class="HTMlink" title="How to Meet Success Criterion 1.4.8">How to Meet 1.4.8</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html" class="HTMlink" title="Understanding Success Criterion 1.4.8">Understanding 1.4.8</a> </p> </div> </div> <div class="sc" id="visual-audio-contrast-text-images"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.9 Tekstiä esittävät kuvat (ei poikkeusta): </strong> <a title="määritelmä: tekstiä esittävä kuva" href="#images-of-textdef" class="termref">Tekstiä esittäviä kuvia</a> käytetään <a title="määritelmä: yksinomaan koriste" href="#puredecdef" class="termref">yksinomaan koristeena</a>, tai silloin, kun tietty <a title="määritelmä: teksti" href="#textdef" class="termref">tekstin</a> esitystapa on <a title="määritelmä: olennainen" href="#essentialdef" class="termref">olennainen</a> informaation välittymiseksi. (Taso AAA) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em>Logotyypit (teksti, joka on osa logoa tai brändin nimeä) tulkitaan olennaisiksi. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-images" class="HTMlink" title="How to Meet Success Criterion 1.4.9">How to Meet 1.4.9</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-images.html" class="HTMlink" title="Understanding Success Criterion 1.4.9">Understanding 1.4.9</a> </p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="operable" id="operable"></a> Periaate 2: Hallittava - Käyttöliittymäkomponenttien ja navigoinnin pitää olla hallittavia.</h2> <div class="div3"> <div class="guideline"> <h3><a name="keyboard-operation" id="keyboard-operation"></a> Ohje 2.1 Käytettävissä näppäimistöltä: Toteuta kaikki toiminnallisuus siten, että se on käytettävissä näppäimistöltä. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html">Understanding Guideline 2.1</a> </p> </div> <div class="req"> <div class="sc" id="keyboard-operation-keyboard-operable"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.1 Näppäimistö: </strong> Kaikki sisällön <a title="määritelmä: toiminnallisuus" href="#functiondef" class="termref">toiminnallisuus</a> on hallittavissa <a title="määritelmä: näppäimistörajapinta" href="#keybrd-interfacedef" class="termref">näppäimistörajapinnan</a> välityksellä ilman vaatimusta yksittäisten näppäinpainallusten erityisestä ajoittamisesta, paitsi kun alla oleva toiminnallisuus vaatii syötettä, joka riippuu käyttäjän liikkeiden polusta eikä vain päätepisteistä. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tämä poikkeus liittyy sovelluksen toimintoon, ei syötetekniikkaan. Esimerkiksi käytettäessä käsinkirjoitettua tekstiä syötteenä, syötetekniikka (käsiala) vaatii polusta riippuvaa syötettä, kun taas sovelluksen toiminnallisuus (tekstin syöttö) ei sitä vaadi. </p> <p class="prefix"><em>Huomautus 2:</em> Tämä ei kiellä, eikä tämän pitäisi lannistaa käyttämästä näppäimistön lisäksi hiireen perustuvaa syötettä tai muita syötemenetelmiä. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-keyboard-operable" class="HTMlink" title="How to Meet Success Criterion 2.1.1">How to Meet 2.1.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html" class="HTMlink" title="Understanding Success Criterion 2.1.1">Understanding 2.1.1</a></p> </div> </div> <div class="sc" id="keyboard-operation-trapping"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.2 Ei näppäimistöä -ansa: </strong> Jos näppäimistön fokus voidaan siirtää sivun komponentille <a title="määritelmä: näppäimistörajapina" href="#keybrd-interfacedef" class="termref">näppäimistörajapintaa</a> käyttämällä, niin fokus voidaan siirtää myös pois kyseiseltä komponentilta pelkästään näppäimistörajapintaa käyttämällä. Mikäli tämä vaatii enemmän kuin muuttumattomia nuoli- tai tab-näppäimiä tai muita standardinmukaisia poistumismenetelmiä, käyttäjälle neuvotaan menetelmä fokuksen poissiirtämiseksi. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso <a href="#cc5">ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys</a>. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-trapping" class="HTMlink" title="How to Meet Success Criterion 2.1.2">How to Meet 2.1.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html" class="HTMlink" title="Understanding Success Criterion 2.1.2">Understanding 2.1.2</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="keyboard-operation-all-funcs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.3 Näppäimistö (ei poikkeuksia): </strong> Kaikki sisällön <a title="määritelmä: toiminnallisuus" href="#functiondef" class="termref">toiminnallisuus</a> on suoritettavissa <a title="määritelmä: näppäimistörajapinta" href="#keybrd-interfacedef" class="termref">näppäimistörajapinnan</a> välityksellä ilman vaatimusta yksittäisten näppäinpainallusten erityisestä ajoittamisesta. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-all-funcs" class="HTMlink" title="How to Meet Success Criterion 2.1.3">How to Meet 2.1.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-all-funcs.html" class="HTMlink" title="Understanding Success Criterion 2.1.3">Understanding 2.1.3</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="time-limits" id="time-limits"></a> Ohje 2.2 Tarpeeksi aikaa: Anna käyttäjille tarpeeksi aikaa lukea ja käyttää sisältöä. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html">Understanding Guideline 2.2</a> </p> </div> <div class="req"> <div class="sc" id="time-limits-required-behaviors"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.1 Säädettävä ajoitus:</strong> Jokaiselle sisällön asettamalle aikarajalle ainakin yksi seuraavista pitää paikkansa: (Taso A) </p> <ul> <li><p><strong class="sc-handle">Kytke pois päältä: </strong> Käyttäjän sallitaan kytkeä aikaraja pois päältä ennen sen kohtaamista; tai </p> </li> <li><p><strong class="sc-handle">Säädä: </strong> Käyttäjän sallitaan säätää aikarajaa ennen sen kohtaamista laajalla asteikolla, joka on vähintään kymmenen kertaa oletusasetuksen pituus; tai</p> </li> <li><p><strong class="sc-handle">Jatka: </strong> Käyttäjää varoitetaan ennen ajan loppumista, annetaan vähintään 20 sekuntia aikaa aikarajan jatkamiseen yksinkertaisen toiminnon avulla (esimerkiksi, "paina välilyöntiä") ja käyttäjän sallitaan jatkaa aikarajaa vähintään kymmenen kertaa; tai </p> </li> <li><p><strong class="sc-handle">Reaaliaikainen poikkeus: </strong> Aikaraja on reaaliaikaisen tapahtuman vaadittu osa (esimerkiksi huutokaupan), ja vaihtoehto aikarajalle ei ole mahdollinen; tai </p> </li> <li><p><strong class="sc-handle">Olennainen poikkeus: </strong> Aikaraja on <a title="määritelmä: olennainen" href="#essentialdef" class="termref">olennainen</a>, ja sen laajentaminen kumoaisi toiminnon; tai </p> </li> <li><p><strong class="sc-handle">20 tunnin poikkeus: </strong>Aikaraja on yli 20 tuntia. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä onnistumiskriteeri auttaa varmistamaan, että käyttäjät voivat saattaa tehtävät valmiiksi ilman odottamattomia aikarajasta johtuvia muutoksia sisällössä tai kontekstissa. Tätä onnistumiskriteeriä tulisi tarkastella yhdessä <a href="#consistent-behavior-receive-focus">onnistumiskriteerin 3.2.1</a> kanssa, joka rajoittaa käyttäjän toiminnasta johtuvia sisällön tai kontekstin muutoksia. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-required-behaviors" class="HTMlink" title="How to Meet Success Criterion 2.2.1">How to Meet 2.2.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html" class="HTMlink" title="Understanding Success Criterion 2.2.1">Understanding 2.2.1</a> </p> </div> </div> <div class="sc" id="time-limits-pause"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.2 Keskeytä, pysäytä, piilota: </strong> Kaikki seuraavat pitävät paikkansa liikkuvalle, <a title="määritelmä: vilkkuminen" href="#blinksdef" class="termref">vilkkuvalle</a>, vierivälle tai automaattisesti päivittyvälle informaatiolle: (Taso A) </p> <ul> <li><p><strong class="sc-handle">Liikkuva, vilkkuva, vierivä: </strong> Kaikelle liikkuvalle, vilkkuvalle tai vierivälle informaatiolle, joka (1) käynnistyy automaattisesti, (2) kestää yli viisi sekuntia ja (3) esitetään rinnakkain muun sisällön kanssa, on olemassa mekanismi, jonka avulla käyttäjä voi <a title="määritelmä: keskeytetty" href="#pauseddef" class="termref">keskeyttää</a>, pysäyttää tai piilottaa sen, paitsi silloin kun liikkuminen, vilkkuminen tai vieriminen on <a title="määritelmä: olennainen" href="#essentialdef" class="termref">olennainen</a> osa toimintoa; ja </p> </li> <li><p><strong class="sc-handle">Automaattisesti päivittyvä: </strong> Kaikelle automaattisesti päivittyvälle informaatiolle, joka (1) käynnistyy automaattisesti ja (2) esitetään rinnakkain muun sisällön kanssa, on olemassa mekanismi, jonka avulla käyttäjä voi keskeyttää, pysäyttää tai piilottaa sen tai hallita sen päivitystiheyttä, paitsi silloin kun automaattinen päivittyminen on olennainen osa toimintoa. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tarkista välkkyvään tai välähtelevään sisältöön liittyvät vaatimukset <a href="#seizure">ohjeesta 2.3</a>. </p> <p class="prefix"><em>Huomautus 2:</em> Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso <a href="#cc5">ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys</a>.</p> <p class="prefix"><em>Huomautus 3:</em> Sisältöä, jota ohjelmisto ajoittain päivittää tai jota ohjataan asiakassovellukselle, ei vaadita säilyttämään tai esittämään tauon tai jatkamisen välissä luotua tai vastaanotettua informaatiota, koska tämä saattaisi olla teknisesti mahdotonta ja monessa tilanteessa harhaanjohtavaa. </p> <p class="prefix"><em>Huomautus 4:</em> Animaatiota, joka esiintyy osana esilatausvaihetta tai vastaavaa, voidaan pitää olennaisena, jos kyseisen vaiheen aikana vuorovaikutusta ei voi tapahtua kenellekään käyttäjistä ja jos toiminnon edistymistä osoittavan animaation poisjättäminen saattaisi hämätä käyttäjiä tai saada heidät ajattelemaan, että sisältö on jämähtänyt tai vioittunut.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-pause" class="HTMlink" title="How to Meet Success Criterion 2.2.2">How to Meet 2.2.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html" class="HTMlink" title="Understanding Success Criterion 2.2.2">Understanding 2.2.2</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="time-limits-no-exceptions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.3 Ei ajoitusta: </strong> Ajoitus ei ole <a title="määritelmä: olennainen" href="#essentialdef" class="termref">olennainen</a> osa sisällön esittämää tapahtumaa tai toimintoa, lukuun ottamatta ei-interaktiivista <a title="määritelmä: synkronoitu media" href="#synchronizedmediadef" class="termref">synkronoitua mediaa</a> ja <a title="määritelmä: reaaliaikainen tapahtuma" href="#real-time-eventsdef" class="termref">reaaliaikaisia tapahtumia</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-no-exceptions" class="HTMlink" title="How to Meet Success Criterion 2.2.3">How to Meet 2.2.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html" class="HTMlink" title="Understanding Success Criterion 2.2.3">Understanding 2.2.3</a> </p> </div> </div> <div class="sc" id="time-limits-postponed"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.4 Keskeytykset: </strong> Käyttäjä voi lykätä tai estää keskeytykset, lukuunottamatta <a title="määritelmä: hätätapaus" href="#emergencydef" class="termref">hätätapauksiin</a> liittyviä keskeytyksiä. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-postponed" class="HTMlink" title="How to Meet Success Criterion 2.2.4">How to Meet 2.2.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html" class="HTMlink" title="Understanding Success Criterion 2.2.4">Understanding 2.2.4</a> </p> </div> </div> <div class="sc" id="time-limits-server-timeout"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.5 Uudelleentunnistautuminen:</strong> Kun todennettu istunto vanhentuu, käyttäjä voi dataa menettämättä jatkaa toimintoa uudelleentunnistautumisen jälkeen. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-server-timeout" class="HTMlink" title="How to Meet Success Criterion 2.2.5">How to Meet 2.2.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-server-timeout.html" class="HTMlink" title="Understanding Success Criterion 2.2.5">Understanding 2.2.5</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="seizure" id="seizure"></a> Ohje 2.3 Sairauskohtaukset: Älä suunnittele sisältöä tavalla, jonka tiedetään aiheuttavan sairauskohtauksia. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure.html">Understanding Guideline 2.3</a> </p> </div> <div class="req"> <div class="sc" id="seizure-does-not-violate"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.1 Kolme välähdystä tai alle -raja-arvo:</strong> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivut</a> eivät sisällä mitään, joka milloinkaan välähtäisi useammin kuin kolme kertaa sekunnissa, tai <a title="määritelmä: välähdys" href="#flash-def" class="termref">välähdys</a> on alle <a title="määritelmä: yleisen välähdyksen ja punainen välähdyksen raja-arvot" href="#general-thresholddef" class="termref">yleisen välähdyksen ja punaisen välähdyksen raja-arvojen</a>. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso <a href="#cc5">ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys</a>. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-does-not-violate" class="HTMlink" title="How to Meet Success Criterion 2.3.1">How to Meet 2.3.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html" class="HTMlink" title="Understanding Success Criterion 2.3.1">Understanding 2.3.1</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="seizure-three-times"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.2 Kolme välähdystä:</strong> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivut</a> eivät sisällä mitään, joka milloinkaan <a title="määritelmä: välähdys" href="#flash-def" class="termref">välähtäisi</a> useammin kuin kolme kertaa sekunnissa. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-three-times" class="HTMlink" title="How to Meet Success Criterion 2.3.2">How to Meet 2.3.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-three-times.html" class="HTMlink" title="Understanding Success Criterion 2.3.2">Understanding 2.3.2</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="navigation-mechanisms" id="navigation-mechanisms"></a> Ohje 2.4 Navigoitava: Tarjoa käyttäjille tapoja navigoida, etsiä sisältöä ja määrittää sijaintinsa. </h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms.html">Understanding Guideline 2.4</a> </p> </div> <div class="req"> <div class="sc" id="navigation-mechanisms-skip"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.1 Ohita lohkot: </strong> Tarjolla on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> sellaisten sisällön lohkojen ohittamiseen, jotka toistuvat useilla <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuilla</a>. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-skip" class="HTMlink" title="How to Meet Success Criterion 2.4.1">How to Meet 2.4.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html" class="HTMlink" title="Understanding Success Criterion 2.4.1">Understanding 2.4.1</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-title"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.2 Sivuotsikot:</strong> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivuilla</a> on otsikot, jotka kuvailevat aiheen tai merkityksen. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-title" class="HTMlink" title="How to Meet Success Criterion 2.4.2">How to Meet 2.4.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html" class="HTMlink" title="Understanding Success Criterion 2.4.2">Understanding 2.4.2</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-order"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.3 Fokusjärjestys: </strong> Jos <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> voidaan <a title="määritelmä: järjestyksessä navigoitava" href="#nav-seqdef" class="termref">navigoida järjestyksessä</a> ja navigointijärjestykset vaikuttavat merkitykseen tai toimintoon, fokusoitavissa olevat komponentit vastaanottavat fokuksen merkityksen ja toimivuuden säilyttävässä järjestyksessä. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-order" class="HTMlink" title="How to Meet Success Criterion 2.4.3">How to Meet 2.4.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html" class="HTMlink" title="Understanding Success Criterion 2.4.3">Understanding 2.4.3</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-refs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.4 Linkin tarkoitus (kontekstissa): </strong> <a title="määritelmä: linkin tarkoitus" href="#linkpurposedef" class="termref">Jokaisen linkin tarkoitus</a> voidaan selvittää yksin linkkitekstistä tai linkkitekstistä yhdessä <a title="määritelmä: ohjelmallisesti selvitettävissä oleva linkkikonteksti" href="#pdlinkcontextdef" class="termref">ohjelmallisesti selvitettävissä olevan linkkikontekstin</a> avulla, paitsi tilanteissa, joissa linkki olisi <a title="määritelmä: yleisesti ottaen epäselvä käyttäjille" href="#ambiguouslinkdef" class="termref">yleisesti ottaen epäselvä käyttäjille</a>. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-refs" class="HTMlink" title="How to Meet Success Criterion 2.4.4">How to Meet 2.4.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html" class="HTMlink" title="Understanding Success Criterion 2.4.4">Understanding 2.4.4</a> </p> </div> </div> </div> <div class="bp"> <div class="sc" id="navigation-mechanisms-mult-loc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.5 Useita tapoja: </strong> Käytettävissä on enemmän kuin yksi tapa paikallistaa yksi <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> <a title="määritelmä: joukko verkkosivuja" href="#set-of-web-pagesdef" class="termref">verkkosivujen joukosta</a>, paitsi silloin kun verkkosivu on <a title="määritelmä: prosessi" href="#processdef" class="termref">prosessin</a> lopputulos tai vaihe. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-mult-loc" class="HTMlink" title="How to Meet Success Criterion 2.4.5">How to Meet 2.4.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-mult-loc.html" class="HTMlink" title="Understanding Success Criterion 2.4.5">Understanding 2.4.5</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-descriptive"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.6 Otsikot ja nimilaput: </strong> Otsikot ja <a title="määritelmä: nimilappu" href="#labeldef" class="termref">nimilaput</a> kuvailevat aiheen tai merkityksen. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-descriptive" class="HTMlink" title="How to Meet Success Criterion 2.4.6">How to Meet 2.4.6</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html" class="HTMlink" title="Understanding Success Criterion 2.4.6">Understanding 2.4.6</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-visible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.7 Näkyvä fokus: </strong> Kaikilla näppäimistöltä käytettävillä käyttöliittymillä on käyttömoodi, jossa näppäimistön fokusindikaattori on näkyvissä. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-visible" class="HTMlink" title="How to Meet Success Criterion 2.4.7">How to Meet 2.4.7</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html" class="HTMlink" title="Understanding Success Criterion 2.4.7">Understanding 2.4.7</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="navigation-mechanisms-location"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.8 Sijainti: </strong> Saatavilla on informaatiota käyttäjän sijainnista <a title="määritelmä: joukko verkkosivuja" href="#set-of-web-pagesdef" class="termref">verkkosivujen joukossa</a>. (Taso AAA)</p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-location" class="HTMlink" title="How to Meet Success Criterion 2.4.8">How to Meet 2.4.8</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-location.html" class="HTMlink" title="Understanding Success Criterion 2.4.8">Understanding 2.4.8</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-link"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.9 Linkin tarkoitus (vain linkeille): </strong> Jokaisen linkin tarkoituksen tunnistamiseen yksinomaan linkkitekstin perusteella on saatavilla <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a>, paitsi tilanteissa, joissa linkin tarkoitus olisi <a title="määritelmä: yleisesti ottaen epäselvä käyttäjille" href="#ambiguouslinkdef" class="termref">yleisesti ottaen epäselvä käyttäjille</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-link" class="HTMlink" title="How to Meet Success Criterion 2.4.9">How to Meet 2.4.9</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-link.html" class="HTMlink" title="Understanding Success Criterion 2.4.9">Understanding 2.4.9</a> </p> </div> </div> <div class="sc" id="navigation-mechanisms-headings"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.10 Osioiden otsikot:</strong> Sisällön organisoimiseen käytetään <a title="määritelmä: osio" href="#sectiondef" class="termref">osioiden</a> otsikoita. (Taso AAA) </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Termiä "otsikko" käytetään tässä yleisessä mielessä, ja sillä tarkoitetaan otsikkotekstejä ja muita tapoja lisätä otsikoita erityyppiseen sisältöön.</p> <p class="prefix"><em>Huomautus 2:</em> Tämä onnistumiskriteeri kattaa osiot kirjoitetussa tekstissä, ei <a title="määritelmä: käyttöliittymäkomponentti" href="#user-interface-componentdef" class="termref">käyttöliittymäkomponenteissa</a>. Käyttöliittymäkomponentit käsitellään <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#ensure-compat-rsv">onnistumiskriteerissä 4.1.2</a>. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-headings" class="HTMlink" title="How to Meet Success Criterion 2.4.10">How to Meet 2.4.10</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-headings.html" class="HTMlink" title="Understanding Success Criterion 2.4.10">Understanding 2.4.10</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="understandable" id="understandable"></a> Periaate 3: Ymmärrettävä - Informaation ja käyttöliittymän toiminnan pitää olla ymmärrettävää. </h2> <div class="div3"> <div class="guideline"> <h3><a name="meaning" id="meaning"></a> Ohje 3.1 Luettava: Tee tekstisisällöstä luettavaa ja ymmärrettävää.</h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html">Understanding Guideline 3.1</a> </p> </div> <div class="req"> <div class="sc" id="meaning-doc-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.1 Sivun kieli: </strong> Jokaisen <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivun</a> oletusarvoinen <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollinen kieli</a> voidaan <a title="määritelmä: ohjelmallisesti selvitettävissä" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a>. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-doc-lang-id" class="HTMlink" title="How to Meet Success Criterion 3.1.1">How to Meet 3.1.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-doc-lang-id.html" class="HTMlink" title="Understanding Success Criterion 3.1.1">Understanding 3.1.1</a> </p> </div> </div> </div> <div class="bp"> <div class="sc" id="meaning-other-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.2 Osien kieli: </strong> Sisällön jokaisen tekstikatkelman tai ilmaisun <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollinen kieli</a> voidaan <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a>, paitsi seuraavien osalta: erisnimet, tekniset termit, määrittämättömän kielen sanat sekä sanat tai ilmaisut, jotka ovat muuttuneet läheisen tekstiympäristön kielen murteelliseksi osaksi. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-other-lang-id" class="HTMlink" title="How to Meet Success Criterion 3.1.2">How to Meet 3.1.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html" class="HTMlink" title="Understanding Success Criterion 3.1.2">Understanding 3.1.2</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="meaning-idioms"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.3 Epätavalliset sanat: </strong> Tarjolla on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> tunnistamaan tietyt sanojen tai lauseiden määritelmät, joita <a title="määritelmä: poikkeavalla tai rajoitetulla tavalla käytetty" href="#unusual-restricteddef" class="termref">käytetään poikkeavalla tai rajoitetulla tavalla</a>, mukaan lukien <a title="määritelmä: idiomi" href="#idiomsdef" class="termref">idiomit</a> ja <a title="määritelmä: jargon" href="#jargondef" class="termref">jargon</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-idioms" class="HTMlink" title="How to Meet Success Criterion 3.1.3">How to Meet 3.1.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-idioms.html" class="HTMlink" title="Understanding Success Criterion 3.1.3">Understanding 3.1.3</a> </p> </div> </div> <div class="sc" id="meaning-located"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.4 Lyhenteet:</strong> Tarjolla on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> tunnistamaan <a title="määritelmä: lyhenne" href="#abbreviationsdef" class="termref">lyhenteiden</a> laajennettu muoto tai merkitys. (Taso AAA)</p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-located" class="HTMlink" title="How to Meet Success Criterion 3.1.4">How to Meet 3.1.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-located.html" class="HTMlink" title="Understanding Success Criterion 3.1.4">Understanding 3.1.4</a></p> </div> </div> <div class="sc" id="meaning-supplements"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.5 Lukemisen taso: </strong> Kun teksti edellyttää erisnimien ja otsikoiden poistamisen jälkeen <a title="määritelmä: 2. perusaste" href="#lowseceddef" class="termref">2. perusasteen</a> opetuksen vaatimukset ylittävää lukutaitoa, tarjolla on <a title="määritelmä: täydentävä sisältö" href="#suppcontentdef" class="termref">täydentävää sisältöä</a> tai versio, joka ei vaadi 2. perusasteen opetuksen tasoa edistyneempää lukutaitoa. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-supplements" class="HTMlink" title="How to Meet Success Criterion 3.1.5">How to Meet 3.1.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-supplements.html" class="HTMlink" title="Understanding Success Criterion 3.1.5">Understanding 3.1.5</a> </p> </div> </div> <div class="sc" id="meaning-pronunciation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.6 Ääntäminen:</strong> Käytettävissä on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> sanojen täsmällisen ääntämistavan tunnistamiseksi silloin, kun sanojen merkitys kontekstissaan ilman ääntämistavan tuntemusta on monitulkintainen. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-pronunciation" class="HTMlink" title="How to Meet Success Criterion 3.1.6">How to Meet 3.1.6</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-pronunciation.html" class="HTMlink" title="Understanding Success Criterion 3.1.6">Understanding 3.1.6</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="consistent-behavior" id="consistent-behavior"></a> Ohje 3.2 Ennakoitava: Tee verkkosivuista sellaisia, että niiden ilmiasu ja toiminta ovat ennakoitavissa.</h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html">Understanding Guideline 3.2</a> </p> </div> <div class="req"> <div class="sc" id="consistent-behavior-receive-focus"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.1 Fokusointi:</strong> Kun mikä tahansa komponentti vastaanottaa fokuksen, se ei aiheuta <a title="määritelmä: kontekstin muutos" href="#context-changedef" class="termref">kontekstin muutosta</a>. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-receive-focus" class="HTMlink" title="How to Meet Success Criterion 3.2.1">How to Meet 3.2.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-receive-focus.html" class="HTMlink" title="Understanding Success Criterion 3.2.1">Understanding 3.2.1</a> </p> </div> </div> <div class="sc" id="consistent-behavior-unpredictable-change"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.2 Syöte:</strong> Minkään <a title="määritelmä: käyttöliittymäkomponentti" href="#user-interface-componentdef" class="termref">käyttöliittymäkomponentin</a> asetuksen muuttaminen ei automaattisesti aiheuta <a title="määritelmä: kontekstin muutos" href="#context-changedef" class="termref">kontekstin muutosta</a>, ellei käyttäjää ole ohjeistettu tällaisesta toiminnosta ennen komponentin käyttöä. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-unpredictable-change" class="HTMlink" title="How to Meet Success Criterion 3.2.2">How to Meet 3.2.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html" class="HTMlink" title="Understanding Success Criterion 3.2.2">Understanding 3.2.2</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="consistent-behavior-consistent-locations"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.3 Johdonmukainen navigointi: </strong> <a title="määritelmä: joukko verkkosivuja" href="#set-of-web-pagesdef" class="termref">Verkkosivujen joukon</a> useilla <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuilla</a> toistuvat navigointimekanismit esiintyvät aina <a title="määritelmä: sama suhteellinen järjestys" href="#samerelorderdef" class="termref">samassa suhteellisessa järjestyksessä</a>, ellei käyttäjä toisin valitse. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-locations" class="HTMlink" title="How to Meet Success Criterion 3.2.3">How to Meet 3.2.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html" class="HTMlink" title="Understanding Success Criterion 3.2.3">Understanding 3.2.3</a> </p> </div> </div> <div class="sc" id="consistent-behavior-consistent-functionality"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.4 Johdonmukainen tunnistaminen:</strong> Komponentit, joilla on <a title="määritelmä: sama toiminnallisuus " href="#samefunctionalitydef" class="termref">sama toiminnallisuus</a> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivujen</a> joukossa, tunnistetaan johdonmukaisesti. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-functionality" class="HTMlink" title="How to Meet Success Criterion 3.2.4">How to Meet 3.2.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-functionality.html" class="HTMlink" title="Understanding Success Criterion 3.2.4">Understanding 3.2.4</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="consistent-behavior-no-extreme-changes-context"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.5 Muutos pyydettäessä:</strong> <a title="määritelmä: kontekstin muutokset" href="#context-changedef" class="termref">Kontekstin muutokset</a> käynnistyvät ainoastaan käyttäjän pyynnöstä tai tarjolla on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> tämän tyyppisten muutoksien poiskytkemiseksi. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-no-extreme-changes-context" class="HTMlink" title="How to Meet Success Criterion 3.2.5">How to Meet 3.2.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html" class="HTMlink" title="Understanding Success Criterion 3.2.5">Understanding 3.2.5</a> </p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="minimize-error" id="minimize-error"></a> Ohje 3.3 Syötteen avustaminen: Auta käyttäjiä välttämään ja korjaamaan virheitä.</h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error.html">Understanding Guideline 3.3</a> </p> </div> <div class="req"> <div class="sc" id="minimize-error-identified"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.1 Virheen tunnistaminen:</strong> Jos <a title="määritelmä: syötevirhe" href="#input-errordef" class="termref">syötevirhe</a> havaitaan automaattisesti, virheellinen kohta tunnistetaan ja virhe kuvataan käyttäjälle tekstimuotoisena. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-identified" class="HTMlink" title="How to Meet Success Criterion 3.3.1">How to Meet 3.3.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html" class="HTMlink" title="Understanding Success Criterion 3.3.1">Understanding 3.3.1</a> </p> </div> </div> <div class="sc" id="minimize-error-cues"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.2 Nimilaput tai ohjeet:</strong> Kun sisältö edellyttää käyttäjän syötettä, tarjolla on <a title="määritelmä: nimilappu" href="#labeldef" class="termref">nimilappuja</a> tai ohjeita. (Taso A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-cues" class="HTMlink" title="How to Meet Success Criterion 3.3.2">How to Meet 3.3.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html" class="HTMlink" title="Understanding Success Criterion 3.3.2">Understanding 3.3.2</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="minimize-error-suggestions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.3 Virheen korjausehdotus: </strong> Jos <a title="määritelmä: syötevirhe" href="#input-errordef" class="termref">syötevirhe</a> havaitaan automaattisesti ja korjausehdotukset tunnetaan, ehdotukset esitetään käyttäjälle, paitsi jos tämä vaarantaisi tietoturvan tai sisällön merkityksen. (Taso AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-suggestions" class="HTMlink" title="How to Meet Success Criterion 3.3.3">How to Meet 3.3.3</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html" class="HTMlink" title="Understanding Success Criterion 3.3.3">Understanding 3.3.3</a> </p> </div> </div> <div class="sc" id="minimize-error-reversible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.4 Virheiden ennaltaehkäisy (lakiin perustuva, taloudellinen, data):</strong> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivuille</a>, joista seuraa käyttäjälle <a title="määritelmä: lakiin perustuvat sitoumukset" href="#legalcommitmentsdef" class="termref">lakiin perustuvia sitoumuksia</a> tai taloudellisia transaktioita, jotka muokkaavat tai poistavat <a title="määritelmä: käyttäjän hallinnoima" href="#user-controllabledef" class="termref">käyttäjän hallinnoimaa</a> dataa tietovarastossa tai jotka lähettävät käyttäjän testivastauksia, ainakin yksi seuraavista pitää paikkansa: (Taso AA) </p> <ol class="enumar"> <li><p><strong class="sc-handle">Peruttava:</strong> Lähetykset ovat peruttavissa.</p> </li> <li><p><strong class="sc-handle">Tarkastettu:</strong> Käyttäjän syöttämä data tarkastetaan <a title="määritelmä: syotevirhe" href="#input-errordef" class="termref">syötevirheiden</a> varalta ja käyttäjälle tarjotaan mahdollisuus virheiden korjaamiseen.</p> </li> <li><p><strong class="sc-handle">Vahvistettu: </strong> Käytettävissä on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> informaation tarkistamiseen, vahvistamiseen ja korjaamiseen ennen lähetyksen loppuunsaattamista.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible" class="HTMlink" title="How to Meet Success Criterion 3.3.4">How to Meet 3.3.4</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible.html" class="HTMlink" title="Understanding Success Criterion 3.3.4">Understanding 3.3.4</a> </p> </div> </div> </div> <div class="additional"> <div class="sc" id="minimize-error-context-help"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.5 Ohjeet:</strong> Saatavilla on <a title="määritelmä: kontekstisensitiivinen ohje" href="#context-sensitivehelpdef" class="termref">kontekstisensitiivisiä ohjeita</a>. (Taso AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-context-help" class="HTMlink" title="How to Meet Success Criterion 3.3.5">How to Meet 3.3.5</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-context-help.html" class="HTMlink" title="Understanding Success Criterion 3.3.5">Understanding 3.3.5</a></p> </div> </div> <div class="sc" id="minimize-error-reversible-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.6. Virheiden ennaltaehkäisy (kaikki): </strong> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivuille</a>, jotka vaativat käyttäjän lähettämää informaatiota, ainakin yksi seuraavista pitää paikkansa: (Taso AAA) </p> <ol class="enumar"> <li><p><strong class="sc-handle">Peruttava: </strong> Lähetykset ovat peruttavissa. </p> </li> <li><p><strong class="sc-handle">Tarkastettu:</strong> Käyttäjän toimittama data tarkastetaan <a title="määritelmä: syotevirhe" href="#input-errordef" class="termref">syötevirheiden</a> varalta ja käyttäjälle tarjotaan mahdollisuus virheiden korjaamiseen. </p> </li> <li><p><strong class="sc-handle">Vahvistettu: </strong> Tarjolla on <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a> tarkistamaan, vahvistamaan ja korjaamaan informaatiota ennen lähetyksen loppuunsaattamista. </p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible-all" class="HTMlink" title="How to Meet Success Criterion 3.3.6">How to Meet 3.3.6</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible-all.html" class="HTMlink" title="Understanding Success Criterion 3.3.6">Understanding 3.3.6</a> </p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="robust" id="robust"></a> Periaate 4: Lujatekoinen - Sisällön pitää olla riittävän lujatekoinen, jotta se voidaan luotettavasti tulkita laajalla joukolla asiakasohjelmia, mukaan lukien avustavat teknologiat. </h2> <div class="div3"> <div class="guideline"> <h3><a name="ensure-compat" id="ensure-compat"></a> Ohje 4.1 Yhteensopiva: Maksimoi yhteensopivuus nykyisten ja tulevien asiakasohjelmien kanssa, mukaan lukien avustavat teknologiat.</h3> <p class="und-gl-link"><a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat.html">Understanding Guideline 4.1</a> </p> </div> <div class="req"> <div class="sc" id="ensure-compat-parses"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.1 Jäsentäminen:</strong> Kun sisältö on toteutettu merkkauskieliä käyttämällä, elementeillä on täydelliset alku- ja lopputagit, elementit on järjestetty sisäkkäin määritystensä mukaan, samaa attribuuttia ei ole annettu elementeille moneen kertaan ja kaikki ID-tyyppiset tunnisteet ovat yksilöllisiä paitsi tilanteissa, joissa määritykset sallivat tämänkaltaiset ominaisuudet. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Alku- ja lopputagit, joiden muotoilusta puuttuu jokin kriittinen merkki, kuten päättävä "suurempi kuin" -merkki tai sopiva lainausmerkki attribuutin arvosta, eivät ole täydellisiä.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-parses" class="HTMlink" title="How to Meet Success Criterion 4.1.1">How to Meet 4.1.1</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-parses.html" class="HTMlink" title="Understanding Success Criterion 4.1.1">Understanding 4.1.1</a></p> </div> </div> <div class="sc" id="ensure-compat-rsv"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.2 Nimi, rooli, arvo:</strong> Kaikkien <a title="määritelmä: käyttöliittymäkomponentti" href="#user-interface-componentdef" class="termref">käyttöliittymäkomponenttien</a> (mukaan lukien lomake-elementit, linkit ja skriptien tuottamat komponentit) <a title="määritelmä: nimi" href="#namedef" class="termref">nimi</a> ja <a title="määritelmä: rooli" href="#roledef" class="termref">rooli</a> voidaan <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">selvittää ohjelmallisesti</a>; tilat, ominaisuudet ja arvot, jotka käyttäjä voi asettaa, voidaan myös <a title="määritelmä: ohjelmallisesti asetettava" href="#programmaticallysetdef" class="termref">asettaa ohjelmallisesti</a>; ja tieto näiden muutoksista on <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakasohjelmien</a> saatavissa, mukaan lukien <a title="määritelmä: avustava teknologia (tässä dokumentissa)" href="#atdef" class="termref">avustavat teknologiat</a>. (Taso A) </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä onnistumisen kriteeri on ensisijaisesti tarkoitettu Web-kehittäjille, jotka toteuttavat tai skriptaavat itse käyttöliittymäkomponentteja. Esimerkiksi standardit HTML-elementit täyttävät jo tämän onnistumiskriteerin, kun niitä käytetään spesifikaation mukaisesti. </p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a xml:lang="en" lang="en" href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-rsv" class="HTMlink" title="How to Meet Success Criterion 4.1.2">How to Meet 4.1.2</a> <span class="screenreader">|</span> <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html" class="HTMlink" title="Understanding Success Criterion 4.1.2">Understanding 4.1.2</a> </p> </div> </div> </div> </div> </div> </div> <div class="div1"> <h2><a name="conformance" id="conformance"></a> Ohjeidenmukaisuus</h2> <p>Tämä osio on <a title="määritelmä: normatiivinen" href="#normativedef" class="termref">normatiivinen</a>. </p> <p>Tämä osio luettelee WCAG 2.0:n <a title="määritelmä: ohjeidenmukaisuus" href="#conformancedef" class="termref">ohjeidenmukaisuuden</a> vaatimukset. Se tarjoaa myös informaatiota kuinka esittää ohjeidenmukaisuutta koskevia väittämiä, jotka ovat valinnaisia. Lopuksi se kuvaa mitä <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">saavutettavuudeltaan tuettu</a> tarkoittaa, koska ohjeidenmukaisuus voi <a title="määritelmä: nojautuen (teknologiaan)" href="#reliedupondef" class="termref">nojautua</a> ainoastaan saavutettavuudeltaan tuettuihin tapoihin käyttää teknologioita. <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html">Understanding Conformance</a> -dokumentti sisältää lisätietoja käsitteestä "saavutettavuudeltaan tuettu". </p> <div class="div2"> <h3><a name="conformance-reqs" id="conformance-reqs"></a> Ohjeidenmukaisuuden vaatimukset</h3> <p>Jotta verkkosivu noudattaisi WCAG 2.0:aa, tulee kaikkien seuraavien ohjeidenmukaisuuden vaatimusten täyttyä: </p> <div class="div3"> <a name="cc1" id="cc1"></a> <p class="sctxt"><strong class="sc-handle">1. Ohjeidenmukaisuuden taso: </strong> Yksi seuraavista ohjeidenmukaisuuden tasoista täyttyy kokonaisuudessaan.</p> <ul> <li><p><strong class="sc-handle">A-taso: </strong> A-tasolla ohjeidenmukainen (ohjeidenmukaisuuden minimitaso) <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> <a title="määritelmä: täyttää onnistumiskriteerin" href="#satisfiesdef" class="termref">täyttää</a> kaikki A-tason onnistumiskriteerit, tai <a title="määritelmä: noudattava vaihtoehtoinen versio" href="#conforming-alternate-versiondef" class="termref">ohjeidenmukainen, vaihtoehtoinen versio</a> on saatavilla. </p> </li> <li><p><strong class="sc-handle">AA-taso: </strong> AA-tasolla ohjeidenmukainen verkkosivu täyttää kaikki A-tason ja AA-tason onnistumiskriteerit, tai AA-tasolla ohjeidenmukainen, vaihtoehtoinen versio on saatavilla. </p> </li> <li><p><strong class="sc-handle">AAA-taso: </strong> AAA-tasolla ohjeidenmukainen verkkosivu täyttää kaikki A-tason, AA-tason ja AAA-tason onnistumiskriteerit, tai AAA-tasolla ohjeidenmukainen, vaihtoehtoinen versio on saatavilla. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Vaikka ohjeidenmukaisuus voidaan saavuttaa vain ilmoitetuilla tasoilla, sisällöntuottajia kannustetaan tiedottamaan (väittämissään) kaikesta kehityksestä saavutetun ohjeidenmukaisuuden tason ylittävien onnistumiskriteerien täyttämiseksi. </p> <p class="prefix"><em>Huomautus 2:</em> Ei ole suositeltavaa vaatia yleisenä linjauksena kokonaisten verkkosivustojen AAA-tason ohjeidenmukaisuutta, koska joidenkin sisältöjen osalta ei ole mahdollista täyttää kaikkia AAA-tason onnistumiskriteereitä. </p> </div> </div> <div class="div3"> <a name="cc2" id="cc2"></a> <p class="sctxt"><strong class="sc-handle">2. Kokonaiset sivut: </strong> <a title="määritelmä: ohjeidenmukaisuus" href="#conformancedef" class="termref">Ohjeidenmukaisuus</a> (ja ohjeidenmukaisuuden tasot) koskee vain kokonaisia <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuja</a>, eikä se voi toteutua, jos jotakin osaa verkkosivusta ei huomioida. </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Ohjeidenmukaisuuden määritelemiseksi sivun osien vaihtoehtoiset sisällöt tulkitaan osaksi sivua silloin, kun ne voidaan hankkia suoraan sivulta, kuten esimerkiksi pitkä kuvausteksti tai videon vaihtoehtoinen esitystapa. </p> <p class="prefix"><em>Huomautus 2:</em> Verkkosivujen <span>sisällöntuottajat</span>, jotka eivät voi noudattaa ohjeita johtuen siitä, että sisältö ei ole heidän hallinnassaan, voivat harkita lausumaa osittaisesta ohjeidenmukaisuudesta (ks. <a xml:lang="en" lang="en" href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#conformance-partial">Statement of Partial Conformance</a>). </p> </div> </div> <div class="div3"> <a name="cc3" id="cc3"></a> <p class="sctxt"><strong class="sc-handle">3. Kokonaiset prosessit:</strong> Kun <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> on osa verkkosivujen sarjaa, jotka esittävät <a title="määritelmä: prosessi" href="#processdef" class="termref">prosessia</a> (jono askelia, jotka täytyy käydä läpi toiminnon suorittamiseksi), kaikki prosessiin kuuluvat verkkosivut noudattavat vähintään määritellyn tason ohjeita. (Ohjeidenmukaisuus tietyllä tasolla ei ole mahdollista, jos jokin prosessin sivuista ei noudata vähintään kyseisen tason ohjeita.) </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Verkkokaupalla on sarja verkkosivuja, joita käytetään tuotteiden valitsemiseen ja ostamiseen. Sarjan kaikki sivut prosessin alusta loppuun (<span xml:lang="en" lang="en">checkout</span>) noudattavat ohjeita, jotta prosessin yksittäinen sivu noudattaisi ohjeita. </p> </div> </div> <div class="div3"> <a name="cc4" id="cc4"></a> <p class="sctxt"><strong class="sc-handle">4. Vain saavutettavuudeltaan tuettuja tapoja käyttää teknologioita:</strong> Onnistumiskriteerien täyttämiseksi <a title="määritelmä: nojautua teknologioihin jotka ovat)" href="#reliedupondef" class="termref">nojaudutaan</a> vain <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">saavutettavuudeltaan tuettuihin </a> tapoihin käyttää <a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">teknologioita</a>. Kaikki informaatio tai toiminnallisuudet, jotka tarjotaan tavalla, joka ei ole saavutettavuudeltaan tuettu, ovat saatavilla myös saavutettavuudeltaan tuetulla tavalla. (Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head">Understanding accessibility support</a>.) </p> </div> <div class="div3"> <a name="cc5" id="cc5"></a> <p class="sctxt"><strong class="sc-handle">5. Häiriöttömyys: </strong> Jos <a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">teknologioita</a> käytetään tavalla, jotka eivät ole <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">saavutettavuudeltaan tuettuja</a> tai jos niitä käytetään tavalla, joka ei noudata ohjeita, niin ne eivät estä käyttäjiä saavuttamasta muuta osaa sivusta. Tämän lisäksi <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> kokonaisuudessaan täyttää ohjeidenmukaisuuden vaatimukset myös kaikissa seuraavissa tilanteissa: </p> <ol class="enumar"> <li><p>kun teknologia, johon ei <a title="määritelmä: nojautuen (teknologiat)" href="#reliedupondef" class="termref">nojauduta</a>, kytketään asiakassovelluksessa päälle, </p> </li> <li><p>kun teknologia, johon ei nojauduta, kytketään asiakassovelluksessa pois päältä, ja </p> </li> <li><p>kun teknologiaa, johon ei nojauduta, ei tueta asiakassovelluksessa </p> </li> </ol> <p class="sctxt">Tämän lisäksi seuraavat onnistumiskriteerit pätevät kaikkeen sivun sisältöön, mukaan lukien sisältö, johon ei muutoin nojauduta ohjeidenmukaisuuden saavuttamiseksi, koska näiden onnistumiskriteerien noudattamatta jättäminen saattaisi häiritä sivun käyttöä: </p> <ul> <li><p><strong>1.4.2 - Audion kontrollointi</strong>,</p> </li> <li><p><strong>2.1.2 - Ei näppäimistöä -ansa</strong>,</p> </li> <li><p><strong>2.3.1 - Kolme välähdystä tai alle -raja-arvo </strong> ja </p> </li> <li><p><strong>2.2.2 - Keskeytä, pysäytä, piilota</strong>.</p> </li> </ul> </div> <div class="div3"> <div class="note"> <p class="prefix"><em>Huomautus: </em> Jos sivu ei voi noudattaa ohjeita (esimerkiksi ohjeidenmukaisuuden testisivu tai esimerkkisivu), sitä ei voida sisällyttää ohjeidenmukaisten sivujen joukkoon tai ohjeidenmukaisuudesta kertovaan väittämään. </p> </div> <p class="sctxt">Saadaksesi lisätietoja, mukaan lukien esimerkkejä, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conformance-requirements-head">Understanding Conformance Requirements</a>. </p> </div> </div> <div class="div2"> <h3><a name="conformance-claims" id="conformance-claims"></a> Ohjeidenmukaisuudesta kertovat väittämät (valinnainen) </h3> <p>Ohjeidenmukaisuus on määritelty vain <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuille</a>. Ohjeidenmukaisuudesta kertova väittämä voidaan kuitenkin ulottaa käsittämään yksi sivu, kokoelma sivuja tai useita toisiinsa liittyviä verkkosivuja. </p> <div class="div3"> <h4><a name="conformance-required" id="conformance-required"></a> Ohjeidenmukaisuudesta kertovan väittämän pakolliset osat </h4> <p class="sctxt">Ohjeidenmukaisuudesta kertovia väittämiä <strong>ei vaadita</strong>. Sisällöntuottajat voivat noudattaa WCAG 2.0:aa tekemättä väittämää. Jos ohjeidenmukaisuudesta kertova väittämä kuitenkin tehdään, <strong>pitää</strong> väittämän sisältää seuraava informaatio: </p> <ol class="enumar"> <li><p>Väittämän <strong>päivämäärä</strong></p> </li> <li><p><strong>Ohjeiden otsikko, versio ja URI</strong> "Web Content Accessibility Guidelines 2.0 osoitteessa <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>" </p> </li> <li><p><strong>Ohjeidenmukaisuuden taso</strong>: (Taso A, AA tai AAA)</p> </li> <li><p><strong>Tiivis kuvaus verkkosivuista</strong>, joista väittämä on tehty, kuten URI-lista, sekä tieto siitä sisällytetäänkö alidomainit väittämään.</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Verkkosivut voidaan kuvata listana tai ilmauksella, joka kuvaa kaikki väittämään kuuluvat URI:t. </p> <p class="prefix"><em>Huomautus 2:</em> Verkkopohjaisilla tuotteilla, joilla ei ole URI:a ennen asentamista asiakkaan verkkosivulle, voi olla lause, jonka mukaan tuote noudattaisi ohjeita asennettuna. </p> </div> </li> <li><p>Lista <strong><a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">verkkosisällön teknologioista</a>, joihin <a title="määritelmä: nojautua (teknologioihin)" href="#reliedupondef" class="termref">nojaudutaan</a></strong>. </p> </li> </ol> <div class="note"> <p class="prefix"><em>Huomautus: </em> Jos ohjeidenmukaisuudesta kertovaa logoa käytetään, se muodostaisi väittämän, jota pitää täydentää edellä luetelluilla ohjeidenmukaisuudesta kertovan väittämän pakollisilla osilla. </p> </div> </div> <div class="div3"> <h4><a name="conformance-optional" id="conformance-optional"></a> Ohjeidenmukaisuudesta kertovan väittämän valinnaiset osat</h4> <p class="sctxt">Edellä kuvattujen ohjeidenmukaisuudesta kertovien väittämien pakollisten osien lisäksi harkitse käyttäjiä auttavan lisäinformaation tarjoamista. Suositeltava lisäinformaatio sisältää: </p> <ul> <li><p>Lista onnistumiskriteereistä, jotka ylittävät väitetyn ohjeidenmukaisuuden tason. Tämä informaatio tulisi toimittaa käyttäjille käyttökelpoisessa muodossa, mieluiten koneellisesti luettavana metadatana. </p> </li> <li><p>Lista erityisistä teknologioista, joita "<em>käytetään, mutta joihin ei <a title="määritelmä: nojautua (teknologioihin)" href="#reliedupondef" class="termref">nojauduta</a></em>".</p> </li> <li><p>Lista asiakasohjelmista, mukaan lukien avustavat teknologiat, joita on käytetty sisällön testaamiseen. </p> </li> <li><p>Informaatio muista lisätoimista, joita onnistumiskriteerien lisäksi on tehty saavutettavuuden parantamiseksi. </p> </li> <li><p>Koneellisesti luettavissa oleva metadata-versio luettelosta, jossa kerrotaan erityisistä teknologioista, joihin <a title="määritelmä: nojautua (teknologioihin)" href="#reliedupondef" class="termref">nojaudutaan</a>. </p> </li> <li><p>Koneellisesti luettavissa oleva metadata-versio ohjeidenmukaisuudesta kertovasta väittämistä. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conformance-claims-head">Understanding Conformance Claims</a> saadaksesi lisätietoa ja esimerkkejä ohjeidenmukaisuudesta kertovista väittämistä. </p> <p class="prefix"><em>Huomautus 2:</em> Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/appendixC.html#understanding-metadata">Understanding Metadata</a> saadaksesi lisätietoja metadatan käytöstä ohjeidenmukaisuudesta kertovissa väittämissä. </p> </div> </div> </div> <div class="div2"> <h3><a name="conformance-partial" id="conformance-partial"></a> Osittaisesta ohjeidenmukaisuudesta kertova lausuma - kolmannen osapuolen sisältö </h3> <p>Verkkosivut luodaan toisinaan siten, että niihin liitetään myöhemmin lisää sisältöä. Esimerkkeinä voidaan mainita sähköpostiohjelma, blogi tai artikkeli, joka sallii käyttäjien lisätä kommentteja, sekä sovellukset, jotka tukevat käyttäjien tuottamaa sisältöä. Toisenlainen esimerkki voisi olla sivu, kuten portaali tai uutissivusto, joka sisältää koostettua muilta toimittajilta peräisin olevaa sisältöä, tai sivustot, jotka ajan kuluessa automaattisesti tuovat sisältöä muista lähteistä kuten esimerkiksi lisäämällä dynaamisesti mainoksia. </p> <p class="sctxt">Edellä mainituissa tapauksissa ei ole mahdollista alkuperäisen kirjauksen ajankohtana tietää, mitä sivun hallinnoimaton sisältö tulee olemaan. On tärkeää huomata, että hallinnoimaton sisältö voi vaikuttaa myös hallinnoidun sisällön saavutettavuuteen. Tarjolla on kaksi vaihtoehtoa:</p> <ol class="enumar"> <li><p>Ohjeidenmukaisuuden selvittäminen voidaan tehdä parhaan tiedon mukaan. Jos tämäntyyppistä sivua seurataan ja korjataan (ohjeidenvastainen sisältö poistetaan tai saatetaan ohjeidenmukaiseen muotoon) kahden arkipäivän kuluessa, niin ohjeidenmukaisuudesta kertova väittämä voidaan tehdä, koska sisältö noudattaa ohjeita lukuunottamatta ulkoisesti tuotetun sisällön virheitä, jotka korjataan tai poistetaan havaittaessa. Ohjeidenmukaisuudesta kertovaa väittämää ei voida tehdä, ellei ole mahdollista seurata tai korjata sisältöä, joka ei noudata ohjeita; </p> <p><strong>TAI </strong></p> </li> <li><p>"Lausunto osittaisesta ohjeidenmukaisuudesta" voidaan tehdä, jos sivu ei noudata ohjeita, mutta noudattaisi, jos tietyt osat poistettaisiin. Tällaisen väitteen muoto olisi: "Tämä sivu ei noudata, mutta noudattaisi WCAG 2.0:aa tasolla X, jos seuraavat osat hallinnoimattomasta sisällöstä poistettaisiin." Tämän lisäksi myös seuraavat pitäisivät paikkansa hallinnoimattomalle sisällölle, joka kuvataan osittaisen ohjeidenmukaisuuden lausunnossa:</p> <ol class="enumla"> <li><p>Se ei ole sisältöä, joka on sisällöntuottajan hallinnassa. </p> </li> <li><p>Se on kuvattu tavalla, jonka käyttäjät voivat tunnistaa (niitä ei voi esimerkiksi kuvata sanoin "kaikki osat, jotka eivät ole hallinnassamme", ellei niitä ole selvästi merkitty sellaisiksi). </p> </li> </ol> </li> </ol> </div> <div class="div2"> <h3><a name="conformance-partial-lang" id="conformance-partial-lang"></a> Osittaisesta ohjeidenmukaisuudesta kertova lausuma - kieli</h3> <p>"Lausuma kielestä johtuvasta osittaisesta ohjeidenmukaisuudesta" voidaan tehdä, kun sivu ei noudata ohjeita, mutta noudattaisi, jos <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">saavutettavuustuki</a> löytyisi kaikille sivulla käytetyille kielille. Tuon lausuman muoto olisi: "Tämä sivu <span>ei noudata, mutta</span> noudattaisi WCAG 2.0:aa tasolla X, jos saavutettavuustuki löytyisi seuraaville kielille:" </p> </div> </div> </div> <div class="back"> <div class="div1"> <h2><a name="glossary" id="glossary"></a>Liite A: Sanasto </h2> <p>Tämä osio on <a title="määritelmä: normatiivinen" href="#normativedef" class="termref">normatiivinen</a>. </p> <dl> <dt class="label"><a name="primseceddef" id="primseceddef"></a> 1. perusaste (<span xml:lang="en" lang="en">primary education level</span>) </dt> <dd><p>kuuden vuoden ajanjakso, joka alkaa lapsen ollessa 5-7 -vuotias ja jota ei välttämättä edellä minkäänlainen opetus</p> <div class="note"> <p class="prefix"><em>Huomautus: </em>Tämä määritelmä perustuu kansainväliseen opetuksen luokittelustandardiin <a xml:lang="en" lang="en" href="#UNESCO">[UNESCO]</a>. </p> </div> </dd> <dt class="label"><a name="lowseceddef" id="lowseceddef"></a> 2. perusaste (<span xml:lang="en" lang="en">lower secondary education level</span>) </dt> <dd><p>kaksi tai kolme vuotta kestävä koulutusjakso, joka alkaa kuuden kouluvuoden jälkeen ja päättyy yhdeksän vuoden kuluttua 1. <a title="määritelmä: perusaste" href="#primseceddef" class="termref">perusasteen</a> alkamisesta </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä määritelmä perustuu kansainväliseen opetuksen luokittelustandardiin <a xml:lang="en" lang="en" href="#UNESCO">[UNESCO]</a>. </p> </div> </dd> <dt class="label"><a name="asciiartdef" id="asciiartdef"></a> ASCII-taide (<span xml:lang="en" lang="en">ASCII art</span>)</dt> <dd><p>kuva, joka on luotu asettelemalla merkkejä tai kuvakkeita (tyypillisesti käyttäen ASCII:n määrittelemää 95 tulostettavaa merkkiä)</p> </dd> <dt class="label"><a name="useragentdef" id="useragentdef"></a> asiakassovellus (<span xml:lang="en" lang="en">user agent</span>) </dt> <dd><p>mikä tahansa ohjelmisto, joka hakee ja esittää verkkosisältöä käyttäjille</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Verkkoselaimet, mediasoittimet, selainlaajennukset ja muut ohjelmat — mukaan lukien <a title="määritelmä: avustava teknologia (kuten käytetty tässä dokumentissa)" href="#atdef" class="termref">avustavat teknologiat</a> — jotka auttavat hakemaan ja renderöimään verkkosisältöä sekä vuorovaikuttamaan verkkosisällön kanssa.</p> </div> </dd> <dt class="label"><a name="audiodef" id="audiodef"></a> audio (<span xml:lang="en" lang="en">audio</span>)</dt> <dd><p>teknologia äänen tuottamiseen </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Audiota voidaan tuottaa sekä keinotekoisesti (mukaan lukien puhesynteesi) että reaalimaailman äänitallenteisiin perustuen tai näiden yhdistelmänä. </p> </div> </dd> <dt class="label"><a name="atdef" id="atdef"></a> avustava teknologia (<span xml:lang="en" lang="en">assistive technology</span>, kuten käytetty tässä dokumentissa) </dt> <dd><p>laitteisto tai ohjelmisto, joka toimii <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovelluksena</a> tai yhdessä yleisesti käytetyn asiakassovelluksen kanssa tarjotakseen käyttäjille, joilla on jokin vamma tai rajoite, heidän vaatimuksiansa vastaavat toiminnallisuudet, jotka ylittävät yleisesti käytettyjen asiakassovellusten tarjoamat toiminnallisuudet </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Avustavan teknologian tarjoama toiminnallisuus käsittää vaihtoehtoiset esitystavat (esim. syntetisoitu puhe tai suurennettu sisältö), vaihtoehtoiset syötemenetelmät (esim. ääni), ylimääräiset navigointi- tai suunnistusmekanismit sekä sisällön muunnokset (esim. jotta taulukot olisivat paremmin saavutettavia).</p> <p class="prefix"><em>Huomautus 2:</em> Avustavat teknologiat välittävät usein dataa ja viestejä yleisesti käytettyjen asiakassovellusten kanssa käyttämällä ja monitoroimalla ohjelmointirajapintoja (<acronym xml:lang="en" lang="en" title="Application Programming Interface">API</acronym>).</p> <p class="prefix"><em>Huomautus 3:</em> Rajanveto laajasti käytettyjen asiakassovellusten ja avustavien teknologioiden välillä ei ole ehdoton. Monet laajasti käytetyt asiakassovellukset tarjoavat joitakin ominaisuuksia, jotka avustavat henkilöitä, joilla on vamma tai rajoite. Periaatteellinen ero on se, että laajasti käytetyt asiakassovellukset on tyypillisesti suunnattu laajalle ja monipuoliselle yleisölle, joka yleensä käsittää henkilöitä, joilla on tai ei ole vammoja tai rajoitteita. Avustavat teknologiat on suunnattu tarkemmin rajatulle käyttäjäjoukolle, joilla on tiettyjä vammoja tai rajoitteita. Avustavan teknologian tarjoama apu on usein täsmällisempää ja kohderyhmänsä tarpeet tarkoituksenmukaisemmalla tavalla täyttävää. Yleisesti käytetty asiakassovellus voi tarjota tärkeää toiminnallisuutta avustaville teknologioille, kuten verkkosisällön lukeminen ohjelmakomponenteista tai datan jäsentäminen tunnistettaviksi kokonaisuuksiksi. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Avustavat teknologiat, jotka ovat tärkeitä tämän dokumentin asiayhteydessä, sisältävät seuraavat: </p> <ul> <li><p>näytönsuurentajat ja muut lukemista visuaalisesti avustavat teknologiat, joita henkilöt, joilla on näköön ja havaitsemiseen sekä fyysisten tulosteiden käyttöön liittyviä rajoitteita, käyttävät muuttaakseen tekstin fonttia, kokoa, välistystä, väriä, synkronointia puheeseen jne. tarkoituksenaan parantaa renderöidyn tekstin ja kuvien visuaalista luettavuutta; </p> </li> <li><p>ruudunlukijat, joita sokeat henkilöt käyttävät lukeakseen tekstimuotoista informaatiota synteettisen puheen tai pistekirjoituksen avulla; </p> </li> <li><p>puhesyntetisaattorit, joita henkilöt, joilla on kognitiivisia, kieleen tai oppimiseen liittyviä vammoja tai rajoitteita, käyttävät muuntaakseen tekstin keinotekoiseksi puheeksi;</p> </li> <li><p>puheentunnistusohjelmat, joita käyttävät henkilöt, joilla on tiettyjä fyysisiä vammoja tai rajoitteita;</p> </li> <li><p>vaihtoehtoiset näppäimistöt, joilla henkilöt, joilla on tiettyjä fyysisiä vammoja tai rajoitteita, ohjaavat näppäimistöä (mukaan lukien vaihtoehtoiset päähiirtä käyttävät näppäimistöt, yksinkertaiset kytkimet, imu-puhalluskytkimet ja muut erityiset syötelaitteet);</p> </li> <li><p>vaihtoehtoiset osoitinlaitteet, joilla henkilöt, joilla on tiettyjä fyysisiä vammoja tai rajoitteita, käyttävät hiiren osoitus- ja nappitoimintoja. </p> </li> </ul> </div> </dd> <dt class="label"><a name="CAPTCHAdef" id="CAPTCHAdef"></a> CAPTCHA (<span xml:lang="en" lang="en">CAPTCHA</span>) </dt> <dd><p>alkukirjainlyhenne sanoista <span xml:lang="en" lang="en">"Completely Automated Public Turing test to tell Computers and Humans Apart"</span> (täysin automatisoitu Turingin koe, jonka tarkoituksena on erottaa tietokoneet ja ihmiset toisistaan).</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> CAPTCHA-testeissä käyttäjää pyydetään usein syöttämään teksti, joka esitetään vaikeaselkoisena kuvana tai äänitiedostona. </p> <p class="prefix"><em>Huomautus 2:</em> Turingin koe tarkoittaa mitä tahansa testiä, joka on suunniteltu erottamaan ihminen tietokoneesta. Se on nimetty kuuluisan tietokoneita tutkineen tiedemiehen Alan Turingin mukaan. Termin ottivat käyttöön Carnegie Mellon -yliopiston tutkijat. <a xml:lang="en" lang="en" href="#CAPTCHA">[CAPTCHA]</a></p> </div> </dd> <dt class="label"><a name="non-text-contentdef" id="non-text-contentdef"></a> ei-tekstuaalinen sisältö (<span xml:lang="en" lang="en">non-text content</span>)</dt> <dd><p>sisältö, joka ei ole <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">ohjelmallisesti selvitettävissä</a> tai <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollisessa kielessä</a> jotakin tarkoittava jono merkkejä</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä sisältää <a title="määritelmä: ASCII-taide" href="#asciiartdef" class="termref">ASCII-taiteen</a> (joka on merkeistä muodostuva hahmo), hymiöt, elitekirjoituksen (joka perustuu merkkien korvaamiseen) sekä tekstiä esittävät kuvat. </p> </div> </dd> <dt class="label"><a name="unusual-restricteddef" id="unusual-restricteddef"></a> epätavallisella tai rajatulla tavalla käytetty (<span xml:lang="en" lang="en">used in an unusual or restricted way</span>) </dt> <dd><p>sanat, joita käytetään edellyttäen, että käyttäjät tietävät tarkasti mihin määritelmään vedota ymmärtääkseen sisällön oikein</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Termi <span xml:lang="en" lang="en">"gig"</span> tarkoittaa aivan eri asioita, kun se esiintyy musiikkikonserteista puhuttaessa tai tietokoneen kovalevyntilaa käsittelevässä artikkelissa, mutta sopiva määritelmä voidaan selvittää asiayhteydestä. Sitä vastoin sanaa "teksti" käytetään hyvin spesifillä tavalla WCAG 2.0:ssa, niinpä määritelmä on liitetty sanastoon. </p> </div> </dd> <dt class="label"><a name="presentationdef" id="presentationdef"></a> esitys (<span xml:lang="en" lang="en">presentation</span>)</dt> <dd><p><a title="määritelmä: sisältö (verkko)" href="#contentdef" class="termref">sisällön</a> renderöinti muodossa, joka on tarkoitettu käyttäjien havaittavaksi</p> </dd> <dt class="label"><a name="emergencydef" id="emergencydef"></a> hätätilanne (<span xml:lang="en" lang="en">emergency</span>)</dt> <dd><p>äkillinen ja odottamaton tilanne tai tapahtuma, joka vaatii välittömiä toimenpiteitä terveyden, turvallisuuden tai omaisuuden suojelemiseksi</p> </dd> <dt class="label"><a name="idiomsdef" id="idiomsdef"></a> idiomi (<span xml:lang="en" lang="en">idiom</span>)</dt> <dd><p>lauseke, jonka merkitystä ei voida päätellä yksittäisten sanojen merkityksestä eikä yksittäisiä sanoja voida muuttaa ilman, että lauseen merkitys muuttuisi</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> idiomeja ei voida suoraan kääntää sanasta sanaan eri kielelle ilman, että niiden (kulttuurillinen tai kieleen liittyvä) merkitys häviää </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> Englannin kielessä, <span xml:lang="en" lang="en">"spilling the beans"</span> tarkoittaa "salaisuuden paljastamista". <span xml:lang="en" lang="en">"knocking over the beans"</span> tai <span xml:lang="en" lang="en">"spilling the vegetables"</span> eivät kuitenkaan tarkoita samaa asiaa. </p> <p class="prefix"><em>Esimerkki 2:</em> Japanin kielessä, lause "<span xml:lang="ja" lang="ja">さじを投げる</span>" kääntyy kirjaimellisesti muotoon "hän heittää lusikan", mutta se tarkoittaa, ettei ole mitään mitä hän voi tehdä ja että hän lopulta antaa periksi. </p> <p class="prefix"><em>Esimerkki 3:</em> Tanskan kielessä, "<span xml:lang="nl" lang="nl">Hij ging met de kippen op stok</span>" kääntyy (englanniksi) kirjaimellisesti muotoon <span xml:lang="en" lang="en">"He went to roost with the chickens"</span>, mutta se tarkoittaa, että hän meni aikaisin nukkumaan.</p> </div> </dd> <dt class="label"><a name="informativedef" id="informativedef"></a> informatiivinen (<span xml:lang="en" lang="en">informative</span>)</dt> <dd><p>informatiiviseen käyttöön, ei vaadita ohjeidenmukaisuudessa</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Sisältöä, jota vaaditaan <a title="määritelmä: ohjeidenmukaisuus" href="#conformancedef" class="termref">ohjeidenmukaisuudessa</a> kutsutaan "<a title="määritelmä: normatiivinen" href="#normativedef" class="termref">normatiiviseksi</a>". </p> </div> </dd> <dt class="label"><a name="larger-scaledef" id="larger-scaledef"></a> isokokoinen (teksti) (<span xml:lang="en" lang="en">large scale [text]</span>)</dt> <dd><p>vähintään 18 tai 14 pistekoon lihavointi tai fonttikoko, joka vastaisi samaa kokoa kiinan-, japanin ja koreankielisissä (CKJ) fonteissa</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Fontit, joissa on tavanomaisesta poikkeavia, kirjaimien tunnistettavuutta heikentäviä ohuita viivoja tai epätavallisia piirteitä ja ominaisuuksia, ovat vaikeampia lukea erityisesti pienikontrastisina. </p> <p class="prefix"><em>Huomautus 2:</em> Fontin koko on se koko, jolla sisältö toimitetaan. Siihen ei lasketa käyttäjän tekemää fonttikoon muutosta. </p> <p class="prefix"><em>Huomautus 3:</em> Käyttäjän näkemän merkin todellinen koko riippuu sekä sisällöntuottajan määräämästä koosta että käyttäjän näytön tai asiakassovelluksen asetuksista. Useille yleisille leipätekstifonteille pätee, että koot 14 ja 18 pistettä ovat suunnilleen vastaavia kuin 1,2 ja 1,5 em tai 120 % tai 150 % leipätekstin oletuskoosta (olettaen, että leipätekstin fontti on 100 %), mutta sisällöntuottajien täytyisi tarkistaa tämä kulloinkin käytetyn fontin tapauksessa. Kun fontit määritellään suhteellisina yksikköinä, asiakasohjelma laskee todellisuudessa näytettävän pistekoon. Kun tätä onnistumiskriteeriä arvioidaan, pistekoko tulisi selvittää asiakassovelluksesta tai laskea fontin mittojen perusteella samaan tapaan kuin asiakassovellus sen tekisi. Heikkonäköiset käyttäjät olisivat vastuussa sopivan asetuksen valitsemisesta. </p> <p class="prefix"><em>Huomautus 4:</em> Kun tekstiä käytetään fontin kokoa määrittelemättä, kohtuulliseksi oletettu fonttikoko olisi pienin fontti, jota yleisimmissä selaimissa käytetään määrittelemättömän tekstin esittämiseen. Jos tason 1 otsikko renderöidään 14 pt lihavoituna tai suurempana tyypillisimmissä selaimissa, olisi kohtuullista olettaa sen olevan suurikokoista tekstiä. Vastaavasti suhteellinen skaalaus voidaan laskea oletuskokojen perusteella. </p> <p class="prefix"><em>Huomautus 5:</em> Roman-tyyppisen tekstin pistekoot 18 ja 14 on valittu suurikokoisen tulosteen minimikokojen (14 pt) ja suuremman standardifonttikoon (18 pt) perusteella. Muille fonteille, kuten CJK-kielille, "vastaavat" koot olisivat kyseisissä kielissä käytettävä pienin isokokoisen tulosteen koko ja seuraavaksi suurin standardi isokokoinen tulostuskoko. </p> </div> </dd> <dt class="label"><a name="jargondef" id="jargondef"></a> jargon (<span xml:lang="en" lang="en">jargon</span>) </dt> <dd><p>sanat, joita tietyn alan ihmiset käyttävät tietyllä tavalla</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em>Sana <span xml:lang="en" lang="en">StickyKeys</span> on avustavan teknologian/saavutettavuuden alan jargonia.</p> </div> </dd> <dt class="label"><a name="set-of-web-pagesdef" id="set-of-web-pagesdef"></a> joukko verkkosivuja (<span xml:lang="en" lang="en">set of Web pages</span>)</dt> <dd><p>kokoelma <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuja</a>, joilla on yhteinen merkitys ja jotka ovat saman kirjoittajan, ryhmän tai organisaation tekemiä</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Eri kieliversiot tulkittaisiin eri joukoiksi verkkosivuja.</p> </div> </dd> <dt class="label"><a name="nav-seqdef" id="nav-seqdef"></a> järjestyksessä navigoitava (<span xml:lang="en" lang="en">navigated sequentially</span>) </dt> <dd><p>määritellyssä fokuksen etenemisjärjestyksessä (elementistä toiseen) navigoitava käyttäen <a title="määritelmä: näppäimistörajapinta" href="#keybrd-interfacedef" class="termref">näppäimistörajapintaa</a> </p> </dd> <dt class="label"><a name="pauseddef" id="pauseddef"></a> keskeytetty (<span xml:lang="en" lang="en">paused</span>) </dt> <dd><p>pysäytetty käyttäjän pyynnöstä ja jatkettu vasta käyttäjän pyynnöstä </p> </dd> <dt class="label"><a name="fullscreenwindowdef" id="fullscreenwindowdef"></a> kokonäytön ikkunassa (<span xml:lang="en" lang="en">on a full-screen window</span>)</dt> <dd><p>näkymä maksimoituna tyypillisimmän kokoisen työaseman tai kannettavan tietokoneen näytöllä </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Koska ihmiset käyttävät tietokoneitaan tyypillisesti useita vuosia, on tätä arvioitaessa parasta olla nojautumatta viimeisimpien työasemien ja kannettavien näyttöjen resoluutioihin, mutta ottaa huomioon tyypillisten työasemien ja kannettavien näyttöjen resoluutiot useiden vuosien ajalta. </p> </div> </dd> <dt class="label"><a name="context-changedef" id="context-changedef"></a> kontekstin muutokset (<span xml:lang="en" lang="en">changes of context</span>) </dt> <dd><p>merkittävät muutokset <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivun</a> sisällössä, jotka tehtäessä käyttäjän tietämättä saattavat sekoittaa käyttäjää, joka ei pysty tarkastelemaan koko sivua samanaikaisesti </p> <p>Kontekstin muutoksiin luetaan muutokset seuraavissa:</p> <ol class="enumar"> <li><p><a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovelluksessa</a>;</p> </li> <li><p><a title="määritelmä: näkymä" href="#viewportdef" class="termref">näkymässä</a>;</p> </li> <li><p>fokuksessa;</p> </li> <li><p><a title="määritelmä: sisältö (verkkosisältö)" href="#contentdef" class="termref">sisällössä</a>, joka muuttaa <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivun</a> merkitystä. </p> </li> </ol> <div class="note"> <p class="prefix"><em>Huomautus: </em> Sisällön muutos ei aina tarkoita kontekstin muutosta. Sisällön muutokset, kuten sisällysluettelon laajentaminen, dynaaminen menu tai sarkaimen hallinta, eivät välttämättä muuta kontekstia, elleivät ne myös muuta jotakin edellä mainituista (esim. fokusta). </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Uuden ikkunan avaaminen, fokuksen vaihtaminen toiselle komponentille, uudelle sivulle siirtyminen (mukaan lukien kaikki mikä näyttäisi siltä, että käyttäjä olisi siirtynyt uudelle sivulle) tai verkkosivun sisällön merkittävä uudelleenjärjestely ovat esimerkkejä kontekstin muutoksesta. </p> </div> </dd> <dt class="label"><a name="context-sensitivehelpdef" id="context-sensitivehelpdef"></a> kontekstisensitiivinen opaste (<span xml:lang="en" lang="en">context-sensitive help</span>)</dt> <dd><p>opasteteksti, joka tarjoaa parhaillaan tehtävään toimintoon liittyvää informaatiota </p> <div class="note"> <p class="prefix"><em>Huomautus: </em>Selkeät nimilaput voivat toimia kontekstisensitiivisinä opasteina. </p> </div> </dd> <dt class="label"><a name="contrast-ratiodef" id="contrast-ratiodef"></a> kontrastisuhde (<span xml:lang="en" lang="en">contrast ratio</span>)</dt> <dd><p>(L1 + 0,05) / (L2 + 0,05), missä</p> <ul> <li><p>L1 on vaaleamman värin <a title="määritelmä: suhteellinen luminanssi" href="#relativeluminancedef" class="termref">suhteellinen luminanssi</a> ja </p> </li> <li><p>L2 on tummemman värin <a title="määritelmä: suhteellinen luminanssi" href="#relativeluminancedef" class="termref">suhteellinen luminanssi</a>. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Kontrastisuhteet voivat vaihdella välillä 1 ja 21 (kirjoitetaan yleensä 1:1 ja 21:1). </p> <p class="prefix"><em>Huomautus 2:</em> Koska sisällöntuottajilla ei ole määräysvaltaa käyttäjän asetuksiin tekstin renderöinnin säätämiseksi (esimerkiksi pehmennys tai reunanpehmennys [anti-aliasing]), tekstin kontrastisuhde voidaan selvittää, kun reunanpehmennystoiminto on kytketty pois päältä.</p> <p class="prefix"><em>Huomautus 3:</em> Onnistumiskriteerien 1.4.3 ja 1.4.6 tarpeista johtuen kontrasti mitataan suhteessa määriteltyyn taustaväriin, jonka päälle teksti on normaalikäytössä renderöity. Jos taustaväriä ei ole määritelty, oletetaan taustaväriksi valkoinen. </p> <p class="prefix"><em>Huomautus 4:</em> Taustaväri on sisällön määritelty väri, jonka päälle teksti on tarkoitettu normaalikäytössä renderöitäväksi. Jos tekstiväri on määritelty, mutta taustaväriä ei, kyse on virhetilanteesta, koska käyttäjän oletettu taustaväri on tuntematon eikä sitä voida arvioida kontrastin riitävyyden selvittämiseksi. Samasta syystä johtuen myös silloin, jos tekstiväriä ei ole määritelty, mutta taustaväri on, kyse on virhetilanteesta. </p> <p class="prefix"><em>Huomautus 5:</em> Kirjaimen ympärillä oleva reunus voi lisätä kontrastia, ja sitä voidaan käyttää kirjaimen ja taustan välisen kontrastin laskemiseen. Ohutta reunusta kirjaimen ympärillä käytettäisiin kuten kirjainta. Kirjaimen ympärillä oleva paksu reunus, joka peittää kirjaimen sisäiset yksityiskohdat, toimii halona ja tulkittaisiin taustaväriksi. </p> <p class="prefix"><em>Huomautus 6:</em> WCAGn ohjeidenmukaisuutta tulisi arvioida sisällön määritellyille väripareille, joita sisällöntuottaja olettaisi esiintyvän rinnakkain tyypillisessä esitystavassa. Sisällöntuottajien ei tarvitse ottaa huomioon epätavallisia esitystapoja, kuten asiakassovelluksen suorittamia värimuutoksia, paitsi silloin kun ne ovat sisällöntuottajan koodin aiheuttamia. </p> </div> </dd> <dt class="label"><a name="user-controllabledef" id="user-controllabledef"></a> käyttäjän hallinnoima (<span xml:lang="en" lang="en">user-controllable</span>) </dt> <dd><p>data, johon käyttäjien on tarkoitus päästä käsiksi</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä ei viittaa sellaisiin asioihin kuin Internetin lokitiedot tai hakukoneiden seurantadata. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Käyttäjätilin nimi- ja osoitekentät. </p> </div> </dd> <dt class="label"><a name="user-interface-componentdef" id="user-interface-componentdef"></a> käyttöliittymäkomponentti (<span xml:lang="en" lang="en">user interface component</span>) </dt> <dd><p>sisällön osa, jonka käyttäjät havaitsevat yhtenä, tietyn toiminnon ohjaimena </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Useat käyttöliittymäkomponentit voidaan implementoida yhden ohjelmoitavan elementin avulla. Tässä komponentit eivät ole sidottuja ohjelmointitekniikoihin, vaan pikemminkin siihen mitä käyttäjät hahmottavat erillisinä ohjaimina. </p> <p class="prefix"><em>Huomautus 2:</em> Käyttöliittymäkomponentteihin kuuluvat lomake-elementit ja linkit, kuten myös skriptien tuottamat komponentit. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Appletilla on "ohjain", jota voidaan käyttää sisällössä liikkumiseen rivi kerrallaan, sivu kerrallaan tai mielivaltaisessa järjestyksessä. Koska jokaisella näistä tulisi olla nimi ja jokaisen tulisi olla asetettavissa muista riippumatta, olisi jokainen niistä "käyttöliittymäkomponentti". </p> </div> </dd> <dt class="label"><a name="extended-addef" id="extended-addef"></a> laajennettu ääniselite (<span xml:lang="en" lang="en">extended audio description</span>)</dt> <dd><p>ääniselite, joka on lisätty audiovisuaaliseen esitykseen pysäyttämällä <a title="määritelmä: video" href="#videodef" class="termref">video</a> siten, että aikaa jää ylimääräiselle kuvaukselle</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tätä tekniikkaa voidaan käyttää, kun <a title="määritelmä: video" href="#videodef" class="termref">videon</a> merkitys menetettäisiin ilman lisättyä <a title="määritelmä: ääniselite" href="#audiodescdef" class="termref">ääniselitettä</a> ja kun tauot keskustelussa tai kertomuksessa ovat liian lyhyitä.</p> </div> </dd> <dt class="label"><a name="legalcommitmentsdef" id="legalcommitmentsdef"></a> lakiin perustuvat sitoumukset (<span xml:lang="en" lang="en">legal commitments</span>) </dt> <dd><p>transaktiot, joissa henkilöön kohdistuu lakiin perustuvia velvoitteita tai etuja </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> naimalupa, pörssikauppa (taloudellinen tai lakiin perustuva), testamentti, laina, adoptio, armeijaan kirjautuminen, jonkin tyyppinen sopimus, jne. </p> </div> </dd> <dt class="label"><a name="linkpurposedef" id="linkpurposedef"></a> linkin tarkoitus (<span xml:lang="en" lang="en">link purpose</span>) </dt> <dd><p>hyperlinkin aktivoinnista seuraavan tuloksen luonne</p> </dd> <dt class="label"><a name="human-langdef" id="human-langdef"></a> luonnollinen kieli (<span xml:lang="en" lang="en">human language</span>) </dt> <dd><p>kieli, jota puhutaan, kirjoitetaan tai viitotaan (visuaalisesti tai haptisesti) ihmisille kommunikoitaessa </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Katso myös <a title="määritelmä: viittomakieli" href="#sign-languagedef" class="termref">viittomakieli</a>.</p> </div> </dd> <dt class="label"><a name="abbreviationsdef" id="abbreviationsdef"></a> lyhenne (<span xml:lang="en" lang="en">abbreviation</span>)</dt> <dd><p>sanan, lausekkeen tai nimen lyhennetty muoto tai nimi silloin, kun lyhenteestä ei ole tullut kielen osa </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tämä sisältää alkukirjainlyhenteet ja akronyymit missä: </p> <ol class="enumar"> <li><p><strong>alkukirjainlyhenteet</strong> lyhennettyjä muotoja, jotka on tehty sanojen tai äänteiden alkukirjaimista kyseisessä nimessä tai lausekkeessa </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Ei määritelty kaikille kielille.</p> </div> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> SNCF on ranskankielinen alkukirjainlyhenne, joka sisältää alkukirjaimet nimestä <span xml:lang="fr" lang="fr">Société Nationale des Chemins de Fer</span>, Ranskan valtionrautatie. </p> <p class="prefix"><em>Esimerkki 2:</em> ESP on alkukirjainlyhenne englanninkielisestä käsitteestä <span xml:lang="en" lang="en">extrasensory perception</span>. </p> </div> </li> <li><p><strong>akronyymit</strong> ovat lyhennettyjä muotoja, jotka on muodostettu muiden sanojen alkukirjaimista tai osista (nimessä tai lausekkeessa), jotka voidaan ääntää sanoina </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> NOAA on akronyymi, joka on muodostettu sanojen <span xml:lang="en" lang="en">National Oceanic and Atmospheric Administration in the United States</span> alkukirjaimista. </p> </div> </li> </ol> <p class="prefix"><em>Huomautus 2:</em> Jotkut liikeyritykset ovat omaksuneet nimekseen termin, joka on alkujaan ollut alkukirjainlyhenne. Tällaisissa tilanteissa yrityksen nimen muodostavat ko. kirjaimet (esimerkiksi Ecma) eikä sanaa enää pidetä lyhenteenä. </p> </div> </dd> <dt class="label"><a name="mechanismdef" id="mechanismdef"></a> mekanismi (<span xml:lang="en" lang="en">mechanism</span>) </dt> <dd><p><a title="määritelmä: prosessi" href="#processdef" class="termref">prosessi</a> tai tekniikka tuloksen saavuttamiseksi </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Mekanismi voidaan nimenomaisesti tarjota tietyssä sisällössä, tai voidaan <a title="määritelmä: nojautua (teknologiat)" href="#reliedupondef" class="termref">nojautua</a> siihen, että joko alustat tai <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellukset</a>, mukaan lukien <a title="määritelmä: avustava teknologia (tässä dokumentissa)" href="#atdef" class="termref">avustavat teknologiat</a>, tarjoavat mekanismin. </p> <p class="prefix"><em>Huomautus 2:</em> Mekanismin pitää täyttää kaikki väitetyn ohjeidenmukaisuuden tason onnistumiskriteerit. </p> </div> </dd> <dt class="label"><a name="namedef" id="namedef"></a> nimi (<span xml:lang="en" lang="en">name</span>) </dt> <dd><p>teksti, jonka avulla ohjelma voi tunnistaa verkkosisällön osan käyttäjälle </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Nimi voi olla piilossa ja esitetty vain avustavalle teknologialle, kun taas <a title="määritelmä: nimilappu" href="#labeldef" class="termref">nimilappu</a> esitetään kaikille käyttäjille. Usein (mutta ei aina), nimilappu ja nimi ovat samoja. </p> <p class="prefix"><em>Huomautus 2:</em> Tämä ei liity name-attribuuttiin HTML:ssä.</p> </div> </dd> <dt class="label"><a name="labeldef" id="labeldef"></a> nimilappu (<span xml:lang="en" lang="en">label</span>)</dt> <dd><p><a title="määritelmä: teksti" href="#textdef" class="termref">teksti</a> tai muu komponentti, jolla on <a title="määritelmä: tekstivastine" href="#text-altdef" class="termref">tekstivastine</a>, joka esitetään käyttäjälle komponentin tunnistamiseksi <a title="määritelmä: sisältö (verkko)" href="#contentdef" class="termref">verkkosisällössä</a> </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Nimilappu esitetään kaikille käyttäjille, kun taas <a title="määritelmä: nimi" href="#namedef" class="termref">nimi</a> saattaa olla piilossa ja vain avustavan teknologian saatavissa. Useissa (muttei kaikissa) tapauksissa nimi ja nimilappu ovat samoja.</p> <p class="prefix"><em>Huomautus 2:</em> Nimilappu -termin merkitys ei ole rajoittunut HTML:n label-elementtiin. </p> </div> </dd> <dt class="label"><a name="reliedupondef" id="reliedupondef"></a> nojautuen (johonkin teknologiaan) (<span xml:lang="en" lang="en">relied upon [technologies that are]</span>) </dt> <dd><p>sisältö ei olisi <a title="määritelmä: ohjeidenmukainen" href="#conformancedef" class="termref">ohjeidenmukainen</a>, jos kyseinen <a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">teknologia</a> kytkettäisiin pois päältä tai sitä ei tuettaisi </p> </dd> <dt class="label"><a name="normativedef" id="normativedef"></a> normatiivinen (<span xml:lang="en" lang="en">normative</span>)</dt> <dd><p>edellytetään ohjeidenmukaisuudessa</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tämän dokumentin noudattaminen voi tapahtua useilla tarkkaan määritellyillä tavoilla.</p> <p class="prefix"><em>Huomautus 2:</em> Ohjeidenmukaisuudessa ei koskaan edellytetä sisältöä, joka on määritelty "<a title="määritelmä: informatiivinen" href="#informativedef" class="termref">informatiiviseksi</a>" tai "ei-normatiiviseksi". </p> </div> </dd> <dt class="label"><a name="viewportdef" id="viewportdef"></a> näkymä (<span xml:lang="en" lang="en">viewport</span>)</dt> <dd><p>objekti, jossa asiakassovellus esittää sisältöä</p> <div class="note"> <p class="prefix"><em>Huomautus 1: </em> <a title="määritelmä: asiakasohjelma" href="#useragentdef" class="termref">Asiakassovellus</a> esittää sisältöä yhden tai useamman näkymän välityksellä. Näkymiä ovat mm. ikkunat, kehykset, kaiuttimet ja virtuaaliset suurennuslasit. Näkymä voi sisältää toisen näkymän (esimerkiksi sisäkkäiset kehykset). Asiakassovelluksen synnyttämät käyttöliittymäkomponentit kuten syötepyynnöt, menut ja huomioviestit eivät ole näkymiä. </p> <p class="prefix"><em>Huomautus 2:</em> Tämä määritelmä perustuu resurssiin <a xml:lang="en" lang="en" href="https://www.w3.org/TR/WAI-USERAGENT/glossary.html">User Agent Accessibility Guidelines 1.0 Glossary</a>.</p> </div> </dd> <dt class="label"><a name="keybrd-interfacedef" id="keybrd-interfacedef"></a> näppäimistörajapinta (<span xml:lang="en" lang="en">keyboard interface</span>)</dt> <dd><p>ohjelmiston käyttämä rajapinta näppäimistöltä annetun syötteen vastaanottamiseen</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Näppäimistörajapinta tarjoaa mahdollisuuden välittää näppäimistöltä saatua syötettä ohjelmiin, vaikka alkuperäinen teknologia ei sisällä näppäimistöä.</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Kosketusnäytöllä varustetussa PDA-laitteessa on näppäimistörajapinta osana käyttöjärjestelmää samoin kuin liitäntä ulkoiseen näppäimistöön. PDA-laitteen sovellukset voivat käyttää rajapintaa saadakseen näppäimistösyötettä joko ulkoiselta näppäimistöltä tai muista sovelluksista, jotka tarjoavat simuloidun näppäimistötulosteen, kuten käsialaa tai puhetta tunnistavat ohjelmat, joissa on "näppäimistöä emuloiva" toiminnallisuus. </p> </div> <p class="prefix"><em>Huomautus 2:</em> Sovelluksen (tai sen osien) käyttö näppäimistöltä ohjattavan hiiriemulaattorin avulla, kuten MouseKeys, ei vastaa näppäimistörajapinnan käyttöä, koska ohjelman käyttö tapahtuu kohdistinlaitteen rajapinnan eikä näppäimistörajapinnan välityksellä. </p> </div> </dd> <dt class="label"><a name="conforming-alternate-versiondef" id="conforming-alternate-versiondef"></a> ohjeidenmukainen vaihtoehtoinen versio (<span xml:lang="en" lang="en">conforming alternate version</span>) </dt> <dd><p>versio, joka </p> <ol class="enumar"> <li><p>on ohjeidenmukainen suunnitellulla tasolla, ja</p> </li> <li><p>tarjoaa saman informaation ja <a title="määritelmä: toiminnallisuus" href="#functiondef" class="termref">toiminnallisuuden</a> samalla <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollisella kielellä</a>, ja</p> </li> <li><p>on yhtä ajan tasalla kuin sisältö, joka ei ole ohjeidenmukainen ja</p> </li> <li><p>jolle ainakin yksi seuraavista pitää paikkansa: </p> <ol class="enumla"> <li><p>ohjeidenmukaiseen versioon voidaan päästä sivulta, joka ei ole ohjeidenmukainen, <a title="määritelmä: saavutettavuudeltaan tuettu" href="#accessibility-supporteddef" class="termref">saavutettavuudeltaan tuetun</a> <a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismin</a> välityksellä, tai</p> </li> <li><p>versioon, joka ei ole ohjeidenmukainen, voidaan päästä vain ohjeidenmukaisesta versiosta käsin, tai </p> </li> <li><p>versioon, joka ei ole ohjeidenmukainen, voidaan päästä vain sellaiselta ohjeidenmukaiselta sivulta, joka myös tarjoaa mekanismin ohjeidenmukaiseen versioon pääsemiseksi.</p> </li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tässä määritelmässä "voidaan päästä vain" tarkoittaa, että on olemassa jokin mekanismi, kuten ehdollinen uudelleenohjaus, joka estää käyttäjää "pääsemästä" (lataamasta) sivulle, joka ei ole ohjeidenmukainen, paitsi jos käyttäjä on juuri tullut ohjeidenmukaiselta sivulta. </p> <p class="prefix"><em>Huomautus 2:</em> Vaihtoehtoisen version ei tarvitse vastata alkuperäistä sivu sivulta (vaihtoehtoinen ohjeidenmukainen versio voi esimerkiksi koostua useista sivuista). </p> <p class="prefix"><em>Huomautus 3:</em> Jos useita kieliversioita on saatavilla, niin ohjeidenmukainen vaihtoehtoinen versio vaaditaan jokaiselle tarjotulle kielelle.</p> <p class="prefix"><em>Huomautus 4:</em> Vaihtoehtoiset versiot voivat palvella eri teknologioita tai käyttäjäryhmiä. Jokaisen version tulisi olla niin ohjeidenmukainen kuin mahdollista. Yhden version tulisi noudattaa ohjeita täysin, jotta <a href="#cc1">ohjeidenmukaisuuden vaatimus 1</a> täyttyisi. </p> <p class="prefix"><em>Huomautus 5:</em> Ohjeidenmukaisen vaihtoehtoisen version ei tarvitse sijaita samalla alueella tai edes samalla verkkosivustolla, kunhan se on yhtä vapaasti saatavilla kuin versio, joka ei ole ohjeidenmukainen. </p> <p class="prefix"><em>Huomautus 6:</em> Vaihtoehtoisia versioita ei tulisi sekoittaa <a title="määritelmä: täydentävä sisältö" href="#suppcontentdef" class="termref">täydentävään sisältöön</a>, joka tukee alkuperäistä sivua ja parantaa ymmärrettävyyttä.</p> <p class="prefix"><em>Huomautus 7:</em> Tietyn sisällön puitteissa käyttäjän asetusten muuttaminen ohjeidenmukaisen version luomiseksi on hyväksyttävä toimintaperiaate päästä toiseen versioon, kunhan menetelmä asetusten muuttamiseksi on saavutettavuudeltaan tuettu. </p> </div> <p class="circref">Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conforming-alt-versions-head">Understanding Conforming Alternate Versions</a> </p> </dd> <dt class="label"><a name="conformancedef" id="conformancedef"></a> ohjeidenmukaisuus (<span xml:lang="en" lang="en">conformance</span>) </dt> <dd><p>annetun standardin, ohjeen tai määrityksen kaikkien vaatimusten täyttäminen </p> </dd> <dt class="label"><a name="programmaticallysetdef" id="programmaticallysetdef"></a> ohjelmallisesti asetettu (<span xml:lang="en" lang="en">programmatically set</span>) </dt> <dd><p>ohjelmiston asettama käyttäen asiakassovelluksen tukemia menetelmiä, mukaan lukien avustavat teknologiat </p> </dd> <dt class="label"><a name="pdlinkcontextdef" id="pdlinkcontextdef"></a> ohjelmallisesti selvitetty linkkikonteksti (<span xml:lang="en" lang="en">programmatically determined link context</span>) </dt> <dd><p>lisäinformaatiota, joka voidaan <a title="määritelmä: ohjelmallisesti selvitetty" href="#programmaticallydetermineddef" class="termref">ohjelmallisesti selvittää</a> linkin ja tekstin merkitys<a title="määritelmä: suhteet" href="#relationshipsdef" class="termref">suhteiden</a> perusteella ja esittää käyttäjille eri modaliteetein </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> HTML:ssä englanninkielisestä linkistä ohjelmallisesti selvitettävä informaatio sisältää tekstin, joka on samassa kappaleessa, listassa tai taulukon solussa kuin kyseessä oleva linkki tai joka on sellaisen taulukon otsikkosolussa, johon kyseessä olevan linkin sisältämä taulukon solu liittyy. </p> </div> <div class="note"> <p class="prefix"><em>Huomautus: </em> Koska näytönlukijat tulkitsevat välimerkkejä, voivat ne myös tarjota kontekstin nykyisen lauseen perusteella silloin, kun fokus on kyseisessä lauseessa sijaitsevassa linkissä. </p> </div> </dd> <dt class="label"><a name="programmaticallydetermineddef" id="programmaticallydetermineddef"></a> ohjelmallisesti selvitettävä (<span xml:lang="en" lang="en">programmatically determined</span>)</dt> <dd><p>ohjelmiston selvitettävissä käyttäjän toimittamasta datasta siten, että erilaiset <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellukset</a>, mukaan lukien <a title="määritelmä: avustava teknologia (tässä dokumentissa)" href="#atdef" class="termref">avustavat teknologiat</a>, voivat hankkia ja esittää tämän informaation käyttäjille eri modaliteetein </p> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> Selvitetty merkkauskielestä niiden elementtien ja attribuuttien perusteella, joihin tyypillisellä avustavalla teknologialla on suora pääsy.</p> <p class="prefix"><em>Esimerkki 2:</em> Selvitetty kielen, joka ei ole merkkauskieli, teknologiakohtaisten tietorakenteiden perusteella ja välitetty avustavalle teknologialle sellaisen saavutettavuuden ohjelmointirajapinnan (<acronym xml:lang="en" lang="en" title="Application Programming Interface">API</acronym>) avulla, jota tyypilliset avustavat teknologiat tukevat. </p> </div> </dd> <dt class="label"><a name="correct-reading-sequencedef" id="correct-reading-sequencedef"></a> oikea lukemisjärjestys (<span xml:lang="en" lang="en">correct reading sequence</span>)</dt> <dd><p>mikä tahansa sanojen ja kappaleiden esitysjärjestys, joka ei muuta sisällön merkitystä</p> </dd> <dt class="label"><a name="essentialdef" id="essentialdef"></a> olennainen (<span xml:lang="en" lang="en">essential</span>)</dt> <dd><p>poistettaessa muuttaisi merkittävästi sisällön informaatiota tai toiminnallisuutta <strong>eikä</strong> informaatiota ja toiminnallisuutta voida tavoittaa muulla ohjeidenmukaisella tavalla</p> </dd> <dt class="label"><a name="sectiondef" id="sectiondef"></a> osio (<span xml:lang="en" lang="en">section</span>)</dt> <dd><p>itsenäinen osa kirjoitettua sisältöä, joka käsittelee yhtä tai useampaa asiaan liittyvää aihetta ja ajatusta</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Osio voi koostua yhdestä tai useammasta kappaleesta ja sisältää grafiikkaa, taulukoita, listoja ja alaosioita.</p> </div> </dd> <dt class="label"><a name="audio-onlydef" id="audio-onlydef"></a> pelkkä audio (<span xml:lang="en" lang="en">audio-only</span>) </dt> <dd><p>aikasidonnainen esitys, joka sisältää vain <a title="määritelmä: audio" href="#audiodef" class="termref">audiota</a> (ei <a title="määritelmä: video" href="#videodef" class="termref">videota</a> eikä vuorovaikutusta)</p> </dd> <dt class="label"><a name="video-onlydef" id="video-onlydef"></a> pelkkä video (<span xml:lang="en" lang="en">video-only</span>)</dt> <dd><p>aikasidonnainen esitys, joka sisältää vain <a title="määritelmä: video" href="#videodef" class="termref">videota</a> (ei <a title="määritelmä: audio" href="#audiodef" class="termref">audiota</a> eikä vuorovaikutusta) </p> </dd> <dt class="label"><a name="processdef" id="processdef"></a> prosessi (<span xml:lang="en" lang="en">process</span>) </dt> <dd><p>sarja käyttäjän suorittamia toimenpiteitä, joista jokaista tarvitaan toiminnon loppuunsaattamiseen</p> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> Ostossivuston verkkosivujen onnistunut käyttö vaatii käyttäjää tarkastelemaan vaihtoehtoisia tuotteita, hintoja ja tarjouksia, valitsemaan tuotteita, lähettämään tilauksen, kirjoittamaan toimitustiedot ja antamaan maksutiedot. </p> <p class="prefix"><em>Esimerkki 2:</em> Käyttäjätunnuksen rekisteröintisivu vaatii Turingin kokeen onnistuneen suorittamisen ennen kuin rekisteröintilomakkeeseen pääsee käsiksi. </p> </div> </dd> <dt class="label"><a name="structuredef" id="structuredef"></a> rakenne (<span xml:lang="en" lang="en">structure</span>) </dt> <dd><ol class="enumar"> <li><p>Tapa, jolla <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivun</a> osat on järjestetty suhteessa toisiinsa; ja </p> </li> <li><p>Tapa, jolla kokoelma <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivuja</a> on järjestetty.</p> </li> </ol> </dd> <dt class="label"><a name="real-time-eventsdef" id="real-time-eventsdef"></a> reaaliaikainen tapahtuma (<span xml:lang="en" lang="en">real-time event</span>) </dt> <dd><p>tapahtuma, joka a) tapahtuu katselun kanssa samaan aikaan ja b) joka ei ole täysin sisällön tuottama</p> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> Suora verkkolähetys (joka tapahtuu samaan aikaan kuin katselu eikä ole tallennettu). </p> <p class="prefix"><em>Esimerkki 2:</em> On-line huutokauppa, jossa ihmiset tekevät tarjouksia (joka tapahtuu samaan aikaan kuin katselu). </p> <p class="prefix"><em>Esimerkki 3:</em> Ihmiset keskinäisessä vuorovaikutuksessa virtuaalimaailmassa avatarien avulla (joka ei ole täysin sisällön tuottamaa ja joka tapahtuu samaan aikaan kuin katselu). </p> </div> </dd> <dt class="label"><a name="roledef" id="roledef"></a> rooli (<span xml:lang="en" lang="en">role</span>) </dt> <dd><p>teksti tai numero, jonka avulla ohjelmisto voi tunnistaa verkkosisällön komponentin toiminnallisuuden </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Numero, joka kertoo toimiiko kuva hyperlinkkinä, nappina tai valintaruutuna. </p> </div> </dd> <dt class="label"><a name="accessibility-supporteddef" id="accessibility-supporteddef"></a> saavutettavuudeltaan tuettu (<span xml:lang="en" lang="en">accessibility supported</span>) </dt> <dd><p>käyttäjien <a title="määritelmä: avustava teknologia (tässä dokumentissa)" href="#atdef" class="termref">avustavien teknologioiden</a> sekä selainten ja muiden <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellusten</a> saavutettavuusominaisuuksien tukema </p> <p>Jotta verkkosisältöteknologian (tai teknologian ominaisuuden) käyttö voidaan määritellä saavutettavuudeltaan tuetuksi, täytyy verkkosisältöteknologian (tai ominaisuuden) täyttää molemmat kohdat 1 ja 2: </p> <ol class="enumar"> <li><p><strong>Käyttäjän avustavan teknologian (AT) pitää tukea tapaa, jolla <a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">verkkosisällön teknologiaa</a> käytetään. </strong> Tämä tarkoittaa, että teknologian käyttötavan yhteensopivuus käyttäjien avustavan teknologian kanssa on testattu <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollisen kielen</a> sisällöillä,</p> <p><strong>JA </strong></p> </li> <li><p><strong>Verkkosisällön teknologialle pitää olla käyttäjien saatavissa olevia asiakasohjelmia. </strong> Tämä tarkoittaa, että ainakin yksi seuraavasta neljästä lausumasta pitää paikkansa: </p> <ol class="enumla"> <li><p>Teknologiaa tuetaan alun perin laajalti saatavissa olevissa asiakasohjelmissa, jotka ovat myös saavutettavuudeltaan tuettuja (kuten HTML ja CSS); </p> <p><strong>TAI </strong> </p> </li> <li><p>Teknologiaa tuetaan laajalti saatavissa olevassa plugin-in-laajennuksessa, joka on myös saavutettavuudeltaan tuettu;</p> <p><strong>TAI</strong> </p> </li> <li><p>Sisältö on saatavissa suljetussa ympäristössä, kuten yliopiston tai liikeyrityksen verkossa, missä teknologian vaatima ja organisaation käyttämä asiakassovellus on myös saavutettavuudeltaan tuettu; </p> <p><strong>TAI </strong></p> </li> <li><p>Teknologiaa tukevat asiakassovellukset ovat saavutettavuudeltaan tuettuja ja ovat ladattavissa tai ostettavissa tavalla, joka: </p> <ul> <li><p>ei maksa enempää henkilölle, jolla on vamma tai rajoite, kuin henkilölle, joilla ei ole vammaa tai rajoitetta <strong>ja </strong></p> </li> <li><p>henkilön, jolla on vamma tai rajoite, on yhtä helppo löytää ja hankkia kuin henkilön, jolla vammaa tai rajoitetta ei ole. </p> </li> </ul> </li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Huomautus 1: </em> WCAG-työryhmä tai W3C eivät määrittele mitä tai kuinka paljon avustavien teknologioiden täytyy tukea tietyn verkkoteknologian käyttöä, jotta se voitaisiin luokitella saavutettavuudeltaan tuetuksi. (Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-support-level-head">Level of Assistive Technology Support Needed for "Accessibility Support"</a>.) </p> <p class="prefix"><em>Huomautus 2: </em> Verkkoteknologioita voidaan käyttää tavoilla, jotka eivät ole saavutettavuudeltaan tuettuja, kunhan niiden käyttöön ei <a title="määritelmä: nojautua (teknologioihin)" href="#reliedupondef" class="termref">nojauduta</a>, ja kun sivu kokonaisuudessaan täyttää ohjeidenmukaisuuden vaatimukset, mukaan lukien <a href="#cc4">Ohjeidenmukaisuuden vaatimus 4: Vain saavutettavuudeltaan tuettuja tapoja käyttää teknologioita</a> ja <a href="#cc5">Ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys</a>. </p> <p class="prefix"><em>Huomautus 3:</em> Kun <a title="määritelmä: teknologia (verkkosisältö)" href="#technologydef" class="termref">verkkoteknologiaa</a> käytetään tavalla, joka on "saavutettavuudeltaan tuettu", se ei tarkoita, että koko teknologia tai kaikki teknologian käyttötavat olisivat sitä. Useimmista teknologioista, mukaan lukien HTML, puuttuu tuki ainakin yhdelle piirteelle tai käyttötavalle. Sivut noudattavat WCAG:ia vain, jos WCAG-vaatimusten täyttämiseksi voidaan nojautua saavutettavuudeltaan tuettuihin teknologian käyttötapoihin.</p> <p class="prefix"><em>Huomautus 4:</em> Viitattaessa verkkosisällön teknologioihin, joista on saatavilla useita versioita, tuetut versiot tulisi määritellä. </p> <p class="prefix"><em>Huomautus 5:</em> Eräs tapa, jolla sisällöntuottajat voivat tunnistaa saavutettavuudeltaan tuettuja teknologian käyttötapoja, on tutustua käyttötapoihin, joiden on vahvistettu olevan saavutettavuudeltaan tuettuja. (Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-documented-lists-head">Understanding Accessibility-Supported Web Technology Uses</a>.) Sisällöntuottajat, yritykset, teknologiatoimittajat ja muut voivat dokumentoida saavutettavuudeltaan tuettuja tapoja käyttää verkkoteknologioita. Dokumentaatiossa tulisi kuitenkin kaikkien teknologioiden käyttötapojen täyttää edellä kuvattu saavutettavuudeltaan tuetun teknologian määritelmä. </p> </div> </dd> <dt class="label"><a name="samerelorderdef" id="samerelorderdef"></a> sama suhteellinen järjestys (<span xml:lang="en" lang="en">same relative order</span>)</dt> <dd><p>sama asema suhteessa muihin osioihin</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Osioiden ajatellaan olevan samassa suhteellisessa järjestyksessä siitäkin huolimatta, että muita osioita lisätään alkuperäiseen järjestykseen tai poistetaan siitä. Esimerkiksi laajennettava navigaatiomenu voi lisätä ylimääräisen tarkkuustason tai toissijainen navigointiosio voidaan lisätä menuun lukemisjärjestyksessä.</p> </div> </dd> <dt class="label"><a name="samefunctionalitydef" id="samefunctionalitydef"></a> sama toiminnallisuus (<span xml:lang="en" lang="en">same functionality</span>)</dt> <dd><p>tuottaa käytettäessä saman lopputuloksen</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Yhdellä verkkosivulla olevalla lähetyspainikkeella "Etsi" ja toisella verkkosivulla olevalla lähetyspainikkeella "Hae", saattaa molemmilla olla syötekenttä termin antamiseksi ja lista verkkosivulla olevista, lähetettyyn termiin liittyvistä teemoista. Tässä tapauksessa lähetyspainikkeilla olisi sama toiminnallisuus, mutta ne olisivat nimetty epäjohdonmukaisesti. </p> </div> </dd> <dt class="label"><a name="contentdef" id="contentdef"></a> sisältö (verkkosisältö) (<span xml:lang="en" lang="en">content [Web content])</span></dt> <dd><p>informaatio ja aistinvarainen kokemus, joka viestitään käyttäjälle <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellusta</a> käyttäen, mukaan lukien sisällön <a title="määritelmä: rakenne" href="#structuredef" class="termref">rakenteen</a>, <a title="määritelmä: esitystapa" href="#presentationdef" class="termref">esitystavan</a> ja vuorovaikutukset määrittävä koodi tai merkkaus </p> </dd> <dt class="label"><a name="relativeluminancedef" id="relativeluminancedef"></a> suhteellinen luminanssi (<span xml:lang="en" lang="en">relative luminance</span>)</dt> <dd><p>minkä tahansa väriavaruuden pisteen suhteellinen kirkkaus, normalisoitu arvoon 0 tummimmalle mustalle ja arvoon 1 kirkkaimmalle valkoiselle </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Värin suhteellinen luminanssi määritellään sRGB-väriavaruudelle seuraavasti: L = 0,2126 * <strong>R</strong> + 0,7152 * <strong>G</strong> + 0,0722 * <strong>B</strong> missä <strong>R</strong>, <strong>G</strong> ja <strong>B</strong> määritellään seuraavasti:</p> <ul> <li><p>jos R<sub>sRGB</sub> <= 0,03928 niin <strong>R</strong> = R<sub>sRGB</sub>/12,92 muutoin <strong>R</strong> = ((R<sub>sRGB</sub>+0,055)/1,055) ^ 2,4</p> </li> <li><p>jos G<sub>sRGB</sub> <= 0,03928 niin <strong>G</strong> = G<sub>sRGB</sub>/12,92 muutoin <strong>G</strong> = ((G<sub>sRGB</sub>+0,055)/1,055) ^ 2,4</p> </li> <li><p>jos B<sub>sRGB</sub> <= 0,03928 niin <strong>B</strong> = B<sub>sRGB</sub>/12,92 muutoin <strong>B</strong> = ((B<sub>sRGB</sub>+0,055)/1,055) ^ 2,4</p> </li> </ul> <div class="note"> <p class="prefix">ja R<sub>sRGB</sub>, G<sub>sRGB</sub>, ja B<sub>sRGB</sub> määritellään seuraavasti: </p> </div> <ul> <li><p>R<sub>sRGB</sub> = R<sub>8bit</sub>/255</p> </li> <li><p>G<sub>sRGB</sub> = G<sub>8bit</sub>/255</p> </li> <li><p>B<sub>sRGB</sub> = B<sub>8bit</sub>/255</p> </li> </ul> <div class="note"> <p class="prefix">Merkki "^" on potenssiinkorotusoperaattori. (Kaava on peräisin lähteistä <a href="#sRGB">[sRGB]</a> ja <a href="#IEC-4WD">[IEC-4WD]</a>).</p> </div> <p class="prefix"><em>Huomautus 2:</em> Lähes kaikki tänä päivänä käytetyt järjestelmät, joita käytetään verkkosisällön tarkasteluun, olettavat sRGB-koodauksen. Ellei ole tiedossa, että muuta väriavaruutta käytetään sisällön käsittelyyn ja esittämiseen, sisällöntuottajien tulisi arvioida saavutettavuutta sRGB-väriavaruutta käyttäen. Jos käytössä on muita väriavaruuksia, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">Understanding Success Criterion 1.4.3</a>.</p> <p class="prefix"><em>Huomautus 3:</em> Jos ditterointia (<span xml:lang="en" lang="en">dithering</span>, suom.huom.) tapahtuu toimituksen jälkeen, niin käytetään lähdetiedon väriarvoa. Väreille, jotka on ditteroitu lähteessä, tulisi käyttää ditteroitujen värien keskiarvoja (keskimääräinen R, keskimääräinen G, ja keskimääräinen B). </p> <p class="prefix"><em>Huomautus 4:</em> Saatavilla on työkaluja, jotka suorittavat automaattisesti kontrastin ja välkkymisen testeihin liittyvät laskelmat.</p> <p class="prefix"><em>Huomautus 5:</em> Saatavilla on englanninkielinen MathML-versio suhteellisen luminanssin määritelmästä, katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/relative-luminance.xml">MathML version of the relative luminance definition</a>. </p> </div> </dd> <dt class="label"><a name="relationshipsdef" id="relationshipsdef"></a> suhteet (<span xml:lang="en" lang="en">relationships</span>)</dt> <dd><p>sisällön tiettyjen osien väliset yhteydet, joilla on jokin merkitys </p> </dd> <dt class="label"><a name="livedef" id="livedef"></a> suora (<span xml:lang="en" lang="en">live</span>)</dt> <dd><p>reaalimaailman tapahtumasta taltioitu informaatio, joka lähetetään vastaanottajalle korkeintaan lähetykseen kuluvalla aikaviiveellä</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Lähetyksen aikaviive on lyhyt (yleensä automatisoitu) viive, jota käytetään esimerkiksi siksi, että lähettimellä olisi aikaa varastoida informaatiota sujuvaa lähetystä varten tai sensuroida audio (tai video) -lähetystä, mutta joka ei tarjoa riittävästi aikaa merkittävään editointiin.</p> <p class="prefix"><em>Huomautus 2:</em> Jos informaatio on täysin tietokoneen tuottamaa, kyseessä ei ole suora lähetys. </p> </div> </dd> <dt class="label"><a name="synchronizedmediadef" id="synchronizedmediadef"></a> synkronoitu media (<span xml:lang="en" lang="en">synchronized media</span>) </dt> <dd><p><a title="määritelmä: audio" href="#audiodef" class="termref">Audio</a> tai <a title="määritelmä: video" href="#videodef" class="termref">video</a>, joka informaation esittämiseksi on synkronoitu toisen formaatin kanssa tai joka on synkronoitu yhdessä aikasidonnaisten vuorovaikutteisten komponenttien kanssa, paitsi jos media on <a title="määritelmä: tekstin mediavastine" href="#multimedia-alt-textdef" class="termref">tekstin mediavastine</a>, joka on selvästi merkitty sellaiseksi </p> </dd> <dt class="label"><a name="input-errordef" id="input-errordef"></a> syötevirhe (<span xml:lang="en" lang="en">input error</span>)</dt> <dd><p>käyttäjän syöttämä informaatio, jota ei hyväksytä</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä sisältää:</p> <ol class="enumar"> <li><p>Informaation, jota <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">verkkosivu</a> vaatii, mutta jota käyttäjä ei syötä </p> </li> <li><p>Informaation, jonka käyttäjä on syöttänyt, mutta joka ei täytä datan formaatille tai arvoalueille asetettuja vaatimuksia </p> </li> </ol> </div> </dd> <dt class="label"><a name="prerecordeddef" id="prerecordeddef"></a> tallennettu (<span xml:lang="en" lang="en">prerecorded</span>) </dt> <dd><p>informaatio, joka ei ole <a title="määritelmä: suora" href="#livedef" class="termref">suora</a>na lähetettävää </p> </dd> <dt class="label"><a name="technologydef" id="technologydef"></a> teknologia (verkkosisältö) (<span xml:lang="en" lang="en">technology [Web content]</span>)</dt> <dd><p><a title="määritelmä: mekanismi" href="#mechanismdef" class="termref">mekanismi</a>, jonka avulla koodataan ohjeita <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovellusten</a> esitettäväksi, soitettavaksi tai toteutettavaksi. </p> <div class="note"> <p class="prefix"><em>Huomautus 1: </em> Näissä ohjeissa käytettyinä, "verkkoteknologia" ja sana "teknologia" (yksin käytettynä), molemmat viittaavat verkkosisältöteknologioihin.</p> <p class="prefix"><em>Huomautus 2:</em> Verkkosisältöteknologioihin voidaan lukea merkkauskielet, dataformaatit tai ohjelmointikielet, joita sisällöntuottajat käyttävät yksin tai yhdistelminä tuottaakseen loppukäyttäjän käyttökokemuksia, jotka vaihtelevat staattisista verkkosivuista synkronoituihin mediaesityksiin ja dynaamisiin verkkosovelluksiin. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Tyypillisiä esimerkkejä verkkosisältöteknologioista ovat <acronym title="Hypertext Markup Language">HTML</acronym>, <acronym title="Cascading Style Sheets">CSS</acronym>, <acronym title="Scalable Vector Graphics">SVG</acronym>, <acronym title="Portable Network Graphics">PNG</acronym>, <acronym title="Portable Document Format">PDF</acronym>, Flash ja JavaScript.</p> </div> </dd> <dt class="label"><a name="textdef" id="textdef"></a> teksti (<span xml:lang="en" lang="en">text</span>)</dt> <dd><p>jono merkkejä, joka voidaan <a title="määritelmä: ohjelmallisesti selvitettävä" href="#programmaticallydetermineddef" class="termref">ohjelmallisesti selvittää</a>, kun jono ilmaisee jotakin <a title="määritelmä: luonnollinen kieli" href="#human-langdef" class="termref">luonnollisella kielellä</a></p> </dd> <dt class="label"><a name="blockstextdef" id="blockstextdef"></a> tekstilohkot (<span xml:lang="en" lang="en">blocks of text</span>)</dt> <dd><p>enemmän kuin yksi lause tekstiä </p> </dd> <dt class="label"><a name="multimedia-alt-textdef" id="multimedia-alt-textdef"></a> tekstin mediavastine (<span xml:lang="en" lang="en">media alternative for text</span>) </dt> <dd><p>media, joka ei esitä enempää informaatiota kuin mitä tekstiin jo sisältyy (suoraan tai tekstivastineiden muodossa)</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tekstin mediavastine on tarjolla niille, jotka hyötyvät tekstin vaihtoehtoisesta esitystavasta. Tekstin mediavastineet voivat olla pelkkää audiota, pelkkää videota (mukaan lukien viittomista esittävä video) tai audiota ja videota. </p> </div> </dd> <dt class="label"><a name="captionsdef" id="captionsdef"></a> tekstitys (<span xml:lang="en" lang="en">captions</span>) </dt> <dd><p>synkronoitu visuaalinen vastine tai <a title="määritelmä: tekstivastine" href="#text-altdef" class="termref">tekstivastine</a> sekä puhutulle että ei-puhutulle ääni-informaatiolle, jota tarvitaan mediasisällön ymmärtämiseen</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tekstitys on pelkän dialogin perusteella kuvaan liitetyn tekstin kanssa samanlaista, paitsi että tekstitys ei välitä vain puhutun dialogin keskustelun sisältöä, vaan myös vastineita dialogiin sisältymättömälle ääni-informaatiolle, jota tarvitaan ohjelmasisällön ymmärtämiseen, mukaan lukien äänitehosteet, musiikki, nauru, puhujan tunnistaminen ja sijainti.</p> <p class="prefix"><em>Huomautus 2:</em> Erikseen talletetut tekstitykset (<span xml:lang="en" lang="en">Closed Captions</span>) ovat vastaavanlaisia ja voidaan kytkeä päälle ja pois joissakin toistolaitteissa.</p> <p class="prefix"><em>Huomautus 3:</em> Ns. poltetut tekstitykset (<span xml:lang="en" lang="en">Open Captions</span>) ovat tekstitystä, jota ei voida kytkeä pois päältä. Esimerkiksi, jos tekstitys on visuaalisesti vastaavaa <a title="määritelmä: tekstiä esittävä kuva" href="#images-of-textdef" class="termref">tekstiä esittävien kuvien</a> kanssa <a title="määritelmä: video" href="#videodef" class="termref">videoon</a> upotettuna. </p> <p class="prefix"><em>Huomautus 4:</em> Tekstityksen ei pitäisi haitata tai peittää oleellista ääni- tai kuvainformaatiota.</p> <p class="prefix"><em>Huomautus 5:</em> Joissakin maissa tekstitystä kutsutaan kuvaan liitettäväksi tekstiksi (<span xml:lang="en" lang="en">subtitle</span>).</p> <p class="prefix"><em>Huomautus 6:</em> <a title="määritelmä: ääniselite" href="#audiodescdef" class="termref">Ääniselitteet</a> voidaan, mutta niitä ei tarvitse, tekstittää, sillä ne ovat kuvauksia tiedosta, joka on jo esillä visuaalisessa muodossa.</p> </div> </dd> <dt class="label"><a name="text-altdef" id="text-altdef"></a> tekstivastine (<span xml:lang="en" lang="en">text alternative</span>)</dt> <dd><p><a title="määritelmä: teksti" href="#textdef" class="termref">Teksti</a>, joka on ohjelmallisesti liitetty <a title="määritelmä: ei-tekstuaalinen sisältö" href="#non-text-contentdef" class="termref">ei-tekstuaaliseen sisältöön</a> tai johon on viitattu tekstistä, joka on ohjelmallisesti liitetty ei-tekstuaaliseen sisältöön. Ohjelmallisesti liitetty teksti on tekstiä, jonka sijainti voidaan ohjelmallisesti selvittää ei-tekstuaalisesta sisällöstä. </p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Kaaviokuva on selitetty tekstimuotoisena kaaviota seuraavassa kappaleessa. Kaavion lyhyt tekstivastine ilmoittaa, että selitys on saatavilla kaavion jälkeen. </p> </div> <div class="note"> <p class="prefix"><em>Huomautus: </em>Katso <a xml:lang="en" lang="en" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-text-alternatives-head">Understanding Text Alternatives</a> saadaksesi lisätietoja. </p> </div> </dd> <dt class="label"><a name="images-of-textdef" id="images-of-textdef"></a> tekstiä esittävä kuva (<span xml:lang="en" lang="en">image of text</span>) </dt> <dd><p>teksti, joka on renderöity ei-tekstuaaliseen muotoon (esim. kuvaksi) tietyn visuaalisen efektin tuottamiseksi</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Tämä ei tarkoita <a title="määritelmä: teksti" href="#textdef" class="termref">tekstiä</a>, joka on osa merkitsevää muuta sisältöä esittävää kuvaa. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Henkilön nimi nimilapussa, joka näkyy valokuvassa. </p> </div> </dd> <dt class="label"><a name="sensoryexpdef" id="sensoryexpdef"></a> tietty aistinvarainen kokemus (<span xml:lang="en" lang="en">specific sensory experience</span>) </dt> <dd><p>aistinvarainen kokemus, joka ei ole yksinomaan esteettinen ja joka ei pääasiallisesti välitä tärkeää informaatiota tai toteuta toiminnallisuutta</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Esimerkkeihin luetaan mukaan huiluesitys, visuaaliset taideteokset, jne.</p> </div> </dd> <dt class="label"><a name="functiondef" id="functiondef"></a> toiminnallisuus (<span xml:lang="en" lang="en">functionality</span>) </dt> <dd><p><a title="määritelmä: prosessi" href="#processdef" class="termref">prosessit</a> ja lopputulokset, jotka ovat saavutettavissa käyttäjän suorittamien toimintojen avulla </p> </dd> <dt class="label"><a name="suppcontentdef" id="suppcontentdef"></a> täydentävä sisältö (<span xml:lang="en" lang="en">supplemental content</span>) </dt> <dd><p>ylimääräinen <a title="määritelmä: sisältö (verkkosisältö)" href="#contentdef" class="termref">sisältö</a>, joka havainnollistaa tai selkiyttää ensisijaista sisältöä</p> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> <a title="määritelmä: verkkosivu" href="#webpagedef" class="termref">Verkkosivun</a> ääniversio.</p> <p class="prefix"><em>Esimerkki 2:</em> Monimutkaisen <a title="määritelmä: prosessi" href="#processdef" class="termref">prosessin</a> havainnollistus. </p> <p class="prefix"><em>Esimerkki 3:</em> Kappale, joka tarjoaa yhteenvedon tutkimuksen tuloksista ja suosituksista. </p> </div> </dd> <dt class="label"><a name="satisfiesdef" id="satisfiesdef"></a> täyttää onnistumiskriteerin (<span xml:lang="en" lang="en">satisfies a success criterion</span>)</dt> <dd><p>onnistumiskriteeriä ei arvioida arvoksi "epätosi" sovellettaessa sivuun</p> </dd> <dt class="label"><a name="alt-time-based-mediadef" id="alt-time-based-mediadef"></a> vastine aikasidonnaiselle medialle (<span xml:lang="en" lang="en">alternative for time-based media</span>) </dt> <dd><p>dokumentti, joka sisältää asianmukaisesti järjestettyjä tekstikuvauksia aikasidonnaisesta visuaalisesta ja auditiivisestä informaatiosta sekä tarjoaa tavan saavuttaa mikä tahansa aikasidonnaisen vuorovaikutuksen tulos </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Näytönkaappausvideo, jota on käytetty synkronoidun mediasisällön luomiseksi, täyttäisi tämän määritelmän ainoastaan mikäli se korjattaisiin tarkasti vastaamaan lopullista synkronoitua mediaa editoinnin jälkeen. </p> </div> </dd> <dt class="label"><a name="webpagedef" id="webpagedef"></a> verkkosivu (<span xml:lang="en" lang="en">Web page</span>)</dt> <dd><p>ei-upotettu resurssi, joka on saatu yhden URI:n perusteella HTTP:tä käyttäen, sekä mitkä tahansa muut resurssit, joita on käytetty renderöinnissä tai tarkoitettu renderöitäväksi yhdessä sen kanssa <a title="määritelmä: asiakassovellus" href="#useragentdef" class="termref">asiakassovelluksessa</a></p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Vaikkakin mitä tahansa "muita resursseja" renderöitäisiin yhdessä ensisijaisen resurssin kanssa, niitä ei välttämättä renderöitäisi samanaikaisesti.</p> <p class="prefix"><em>Huomautus 2:</em> Näiden ohjeidenmukaisuuden arvioinnin takia resurssin täytyy olla "ei-upotettu" ohjeidenmukaisuuden puitteissa, jotta sitä pidettäisiin verkkosivuna. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki 1:</em> Verkkodokumentti sisältäen kaikenlaisia upotettuja kuvia ja mediaa.</p> <p class="prefix"><em>Esimerkki 2:</em> Verkkosähköpostiohjelma, joka on rakennettu käyttäen <span xml:lang="en" lang="en">Asynchronous</span> JavaScript ja XML (AJAX) -tekniikoita. Ohjelma sijaitsee täysin osoitteessa http://example.com/mail, mutta sisältää tulevan postin inbox-laatikon, alueen osoitetiedoille sekä kalenterin. Annetut linkit tai nappulat aikaansaavat inbox-, osoite- tai kalenterinäkymän esittämisen, mutta eivät muuta URI:a tai sivua kokonaisuutena.</p> <p class="prefix"><em>Esimerkki 3:</em> Mukautettava portaalisivusto, missä käyttäjät voivat valita esitettävän sisällön eri sisältömoduulien joukosta. </p> <p class="prefix"><em>Esimerkki 4:</em> Kun siirryt osoitteeseen "http://shopping.example.com/" selaimessasi, saavut elokuvanomaiseen vuorovaikutteiseen ostosympäristöön, missä liikut visuaalisesti ympäri kauppaa, vetäen tuotteita ympärilläsi olevista hyllyistä edessäsi olevaan visuaaliseen ostoskärryyn. Tuotteen napsauttaminen käynnistää tuote-esittelyn ja esittää tuotekuvauksen vieressä leijuvana esitteenä. Tämä voisi olla yhdestä sivusta koostuva verkkopalvelu tai vain yksi sivu verkkopalvelussa.</p> </div> </dd> <dt class="label"><a name="videodef" id="videodef"></a> video (<span xml:lang="en" lang="en">video</span>) </dt> <dd><p>liikkuvien tai peräkkäisten kuvien teknologia</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Video voi koostua animoiduista tai valokuvatuista kuvista tai molemmista</p> </div> </dd> <dt class="label"><a name="sign-languagedef" id="sign-languagedef"></a> viittomakieli (<span xml:lang="en" lang="en">sign language</span>)</dt> <dd><p>kieli, joka käyttää merkitysten välittämiseen käsien liikkeiden, kasvonilmeiden tai vartalon asentojen yhdistelmiä </p> </dd> <dt class="label"><a name="sign-languageinterpdef" id="sign-languageinterpdef"></a> viittomakielinen tulkkaus (<span xml:lang="en" lang="en">sign language interpretation</span>) </dt> <dd><p>kielen, yleensä puhutun kielen, käännös <a title="määritelmä: viittomakieli" href="#sign-languagedef" class="termref">viittomakielelle</a></p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Oikeat viittomakielet ovat riippumattomia kieliä, jotka eivät liity saman maan tai alueen puhuttuihin kieliin. </p> </div> </dd> <dt class="label"><a name="blinksdef" id="blinksdef"></a> vilkkuminen (<span xml:lang="en" lang="en">blinking</span>) </dt> <dd><p>kahden visuaalisen tilan vaihtelu tavalla, jonka tarkoituksena on vetää huomiota puoleensa </p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Katso myös <a title="määritelmä: välähdys" href="#flash-def" class="termref">välähdys</a>. On mahdollista, että jokin on riittävän suuri ja vilkkuu riittävän kirkkaasti sopivalla taajuudella siten, että se voidaan luokitella myös välähdykseksi. </p> </div> </dd> <dt class="label"><a name="visually-customizeddef" id="visually-customizeddef"></a> visuaalisesti mukautettava (<span xml:lang="en" lang="en">visually customized</span>)</dt> <dd><p>fontti, koko, väri ja tausta voidaan määrätä</p> </dd> <dt class="label"><a name="flash-def" id="flash-def"></a> välähdys (<span xml:lang="en" lang="en">flash</span>) </dt> <dd><p>kaksi vastakkaista <a title="määritelmä: suhteellinen luminanssi" href="#relativeluminancedef" class="termref">suhteellisen luminanssin</a> muutosta, jotka voivat aiheuttaa sairauskohtauksia joillekin ihmisille silloin, kun muutokset ovat tarpeeksi voimakkaita ja sopivalla taajuusalueella</p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Katso <a title="määritelmä: yleisen välähdyksen ja punaisen välähdyksen raja-arvot" href="#general-thresholddef" class="termref">yleisen välähdyksen ja punaisen välähdyksen raja-arvot</a> saadaksesi informaatiota sellaisista välähdyksistä, jotka eivät ole sallittuja. </p> <p class="prefix"><em>Huomautus 2:</em> Katso myös <a title="määritelmä: vilkkuminen" href="#blinksdef" class="termref">vilkkuminen</a>. </p> </div> </dd> <dt class="label"><a name="puredecdef" id="puredecdef"></a> yksinomaan koriste (<span xml:lang="en" lang="en">pure decoration</span>)</dt> <dd><p>vain esteettisen tarkoituksen takia, ei välitä informaatiota eikä sisällä toiminnallisuutta</p> <div class="note"> <p class="prefix"><em>Huomautus: </em> Teksti on yksinomaan koristeellista mikäli sanat voidaan järjestää tai vaihtaa muuttamatta niiden merkitystä. </p> </div> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Sanakirjan kansisivu, jonka taustalla on satunnaisia sanoja hyvin vaalealla tekstillä. </p> </div> </dd> <dt class="label"><a name="general-thresholddef" id="general-thresholddef"></a> yleisen välähdyksen ja punaisen välähdyksen raja-arvot (<span xml:lang="en" lang="en">general flash and red flash thresholds</span>)</dt> <dd><p><a title="määritelmä: välähdys" href="#flash-def" class="termref">välähdys</a> tai nopeasti muuttuva kuvasarja on alle raja-arvon (eli sisältö <strong>läpäisee</strong>), jos jokin seuraavista pitää paikkansa: </p> <ol class="enumar"> <li><p>yhden sekunnin aikana tapahtuu enintään kolme <strong>yleistä välähdystä</strong> ja/tai enintään kolme <strong>punaista välähdystä</strong>; tai </p> </li> <li><p>samanaikaisesti tapahtuvien välähdysten yhteenlaskettu ala ei tavanomaisella katseluetäisyydellä ole enempää kuin 0,006 steradiaania yhdenkään 10 -asteen näkökentän sisällä näytöllä (25% kaikista 10 -asteen näkökentistä näytöllä)</p> </li> </ol> <p>missä:</p> <ul> <li><p><strong>Yleinen välähdys</strong> määritellään kahtena vastakkaisena <a title="määritelmä: suhteellinen luminanssi" href="#relativeluminancedef" class="termref">suhteellisen luminanssin</a> muutoksena, joka on 10% tai enemmän suhteellisen luminanssin maksimiarvosta, missä tummemman kuvan suhteellinen luminanssi on alle 0,80 ja missä "kaksi vastakkaista muutosta" tarkoittaa kirkastumista, jota seuraa tummentuminen, tai tummentumista, jota seuraa kirkastuminen, ja </p> </li> <li><p><strong>Punainen välähdys</strong> määritellään parina vastakkaisia muutoksia, joissa esiintyy kirkasta punaista. </p> </li> </ul> <p><em>Poikkeus:</em> Raja-arvoa ei ylitä hienojakoinen ja muodoltaan tasapainoinen välkkyminen kuten valkoinen kohina tai sellainen vaihteleva shakkikuvio, jonka "ruutujen" sivut ovat pienempiä kuin 0,1 astetta (näkökentässä tyypillisellä katseluetäisyydellä). </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> Tyypilliselle ohjelmistolle tai verkkosisällölle hyvän arvion 10 asteen näkökentästä standardilla näyttökoolla ja katseluetäisyydellä (esim. 15-17 tuuman näytöllä 56-66 senttimetrin etäisyydellä) tarjoaa millä tahansa kohtaa näyttöä oleva 341 x 256 pikselin suorakaide, kun sisältöä tarkastellaan 1024 x 769 pikselin tarkkuudella. (Samaa sisällön rendreröintiä esittävät korkeamman resoluution näytöt tuottavat pienempiä ja turvallisempia kuvia, joten raja-arvojen määrittelyssä käytetään pienempiä resoluutioita.)</p> <p class="prefix"><em>Huomautus 2:</em> Muutos on suhteellisen luminanssin (tai suhteellisen luminanssin/värin punaisessa välähdyksessä) vaihtelu kahden vierekkäisen huipun ja laakson välillä suhteellisen luminanssin kuvaajassa (tai suhteellisen luminanssin/värin punaisessa välähdyksessä) ajan suhteen. Välähdys koostuu kahdesta vastakkaisesta muutoksesta. </p> <p class="prefix"><em>Huomautus 3: </em> Nykyinen työmääritelmä liittyen käsitteeseen <strong>"kaksi vastakkaista muutosta, joissa esiintyy kirkasta punaista"</strong> on R/(R+ G + B) >= 0,8 joko toiselle tai molemmille tiloille kussakin muutoksessa, ja muutos arvossa (R-G-B)x320 on > 20 molemmissa muutoksissa (termin (R-G-B)x320 negatiiviset arvot asetetaan nollaksi). Arvot R, G, B vaihtelevat välillä 0-1 kuten "suhteellisen luminanssin" määritelmässä. <a xml:lang="en" lang="en" href="#HARDING-BINNIE">[HARDING-BINNIE]</a></p> <p class="prefix"><em>Huomautus 4:</em> Saatavilla on työkaluja, jotka suorittavat analyysin näytöltä kaapatusta videosta. Työkaluja ei kuitenkaan tarvita tämän ehdon arvioimiseen, jos välähdyksiä tapahtuu korkeintaan 3 kertaa sekunnissa. Sisältö läpäisee automaattisesti (katso huomautukset 1 ja 2 edellä). </p> </div> </dd> <dt class="label"><a name="ambiguouslinkdef" id="ambiguouslinkdef"></a> yleisesti ottaen epäselvä käyttäjille (<span xml:lang="en" lang="en">ambiguous to users in general</span>) </dt> <dd><p>merkitystä ei voida selvittää linkistä eikä kaikesta käyttäjälle linkin kanssa samanaikaisesti esitettävästä verkkosivulla olevasta informaatiosta (eli lukijat, joilla ei ole vammaa tai rajoitetta, eivät tietäisi mitä linkki tekisi ennen kuin he aktivoisivat sen)</p> <div class="example"> <p class="prefix"><em>Esimerkki: </em> Sana guava on seuraavassa lauseessa linkki: "Guava on eräs merkittävimmistä vientituotteistamme". Linkki voisi johtaa guavan määritelmään, taulukkoon, jossa luetellaan viedyn guavan määrä tai valokuvaan, joka esittää ihmisiä viljelemässä guavaa. Ennen linkin aktivoimista kaikki lukijat olisivat epävarmoja asiasta eikä henkilö, jolla on jokin vamma tai rajoite, olisi tässä yhtään muita epäedullisemmassa asemassa. </p> </div> </dd> <dt class="label"><a name="audiodescdef" id="audiodescdef"></a> ääniselite (<span xml:lang="en" lang="en">audio description</span>) </dt> <dd><p>ääniraitaan liitetty selitys, joka kuvaa tärkeitä visuaalisia yksityiskohtia, joiden ymmärtäminen ei ole mahdollista pelkästään alkuperäisen ääniraidan perusteella </p> <div class="note"> <p class="prefix"><em>Huomautus 1:</em> <a title="määritelmä: video" href="#videodef" class="termref">Videon</a> ääniselite tarjoaa informaatiota toiminnasta, hahmoista, näkymän muutoksista, näytöllä näkyvästä tekstistä ja muusta visuaalisesta sisällöstä.</p> <p class="prefix"><em>Huomautus 2:</em> Standardinmukaisessa ääniselitteessä tulkkaus liitetään dialogin taukojen kohtiin. (Katso myös <a xml:lang="en" lang="en" title="määritelmä: laajennettu ääniselite" href="#extended-addef" class="termref">laajennettu ääniselite</a>.)</p> <p class="prefix"><em>Huomautus 3:</em> Kun kaikki <a title="määritelmä: video" href="#videodef" class="termref">videon</a> informaatio on jo saatavilla olemassa olevan <a title="määritelmä: audio" href="#audiodef" class="termref">audion</a> puitteissa, lisätyt ääniselitteet eivät ole tarpeellisia. </p> <p class="prefix"><em>Huomautus 4:</em> Kutsutaan myös "videon kuvailuksi" tai "kuvailutulkkaukseksi". </p> </div> </dd> </dl> </div> <div class="div1"> <h2><a name="acknowledgments" id="acknowledgments"></a> Liite B: Kiitokset</h2> <p>Tämä osio on <a title="määritelmä: informatiivinen" href="#informativedef" class="termref">informatiivinen</a>.</p> <p>Tämä julkaisu on rahoitettu osittain liittovaltion rahoituksella, rahoittajina Yhdysvaltojen liittovaltion opetusministeriö ja <span xml:lang="en" lang="en">National Institute on Disability and Rehabilitation Research (NIDRR)</span>, sopimusnumerolla ED05CO0039. Tämän julkaisun sisältö ei välttämättä edusta Yhdysvaltojen liittovaltion opetusministeriön mielipiteitä tai käytäntöjä, eivätkä viittaukset tuotenimiin, kaupallisiin tuotteisiin tai organisaatioihin tarkoita Yhdysvaltojen liittovaltion hallituksen suosituksia.</p> <p>Lisätietoja osallistumisesta verkkosisällön saavutettavuusohjeiden työryhmän (WCAG WG) työhön on saatavilla työryhmän kotisivulla (ks. <a xml:lang="en" lang="en" href="https://www.w3.org/WAI/GL/">Working Group home page</a>). </p> <div class="div2"> <h3><a name="d0e3472" id="d0e3472"></a> WCAG-työryhmän aktiiviset jäsenet julkaisuajankohtana </h3> <ul xml:lang="en" lang="en"> <li><p>Bruce Bailey (U.S. Access Board) </p> </li> <li><p>Frederick Boland (NIST)</p> </li> <li><p>Ben Caldwell (Trace R&D Center, University of Wisconsin)</p> </li> <li><p>Sofia Celic (W3C Invited Expert)</p> </li> <li><p>Michael Cooper (W3C)</p> </li> <li><p>Roberto Ellero (International Webmasters Association / HTML Writers Guild)</p> </li> <li><p>Bengt Farre (Rigab)</p> </li> <li><p>Loretta Guarino Reid (Google)</p> </li> <li><p>Katie Haritos-Shea</p> </li> <li><p>Andrew Kirkpatrick (Adobe)</p> </li> <li><p>Drew LaHart (IBM) </p> </li> <li><p>Alex Li (SAP AG)</p> </li> <li><p>David MacDonald (E-Ramp Inc.)</p> </li> <li><p>Roberto Scano (International Webmasters Association / HTML Writers Guild)</p> </li> <li><p>Cynthia Shelly (Microsoft)</p> </li> <li><p>Andi Snow-Weaver (IBM)</p> </li> <li><p>Christophe Strobbe (DocArch, K.U.Leuven)</p> </li> <li><p>Gregg Vanderheiden (Trace R&D Center, University of Wisconsin)</p> </li> </ul> </div> <div class="div2"> <h3><a name="d0e3530" id="d0e3530"></a> Muut aikaisemmin aktiiviset WCAG-työryhmän jäsenet ja muut WCAG 2.0-työhön osallistuneet</h3> <p>Shadi Abou-Zahra, Jim Allan, Jenae Andershonis, Avi Arditti, Aries Arditi, Mike Barta, Sandy Bartell, Kynn Bartlett, Marco Bertoni, Harvey Bingham, Chris Blouch, Paul Bohman, Patrice Bourlon, Judy Brewer, Andy Brown, Dick Brown, Doyle Burnett, Raven Calais, Tomas Caspers, Roberto Castaldo, Sambhavi Chandrashekar, Mike Cherim, Jonathan Chetwynd, Wendy Chisholm, Alan Chuter, David M Clark, Joe Clark, James Coltham, James Craig, Tom Croucher, Nir Dagan, Daniel Dardailler, Geoff Deering, Pete DeVasto, Don Evans, Neal Ewers, Steve Faulkner, Lainey Feingold, Alan J. Flavell, Nikolaos Floratos, Kentarou Fukuda, Miguel Garcia, P.J. Gardner, Greg Gay, Becky Gibson, Al Gilman, Kerstin Goldsmith, Michael Grade, Jon Gunderson, Emmanuelle Gutiérrez y Restrepo, Brian Hardy, Eric Hansen, Sean Hayes, Shawn Henry, Hans Hillen, Donovan Hipke, Bjoern Hoehrmann, Chris Hofstader, Yvette Hoitink, Carlos Iglesias, Ian Jacobs, Phill Jenkins, Jyotsna Kaki, Leonard R. Kasday, Kazuhito Kidachi, Ken Kipness, Marja-Riitta Koivunen, Preety Kumar, Gez Lemon, Chuck Letourneau, Scott Luebking, Tim Lacy, Jim Ley, William Loughborough, Greg Lowney, Luca Mascaro, Liam McGee, Jens Meiert, Niqui Merret, Alessandro Miele, Mathew J Mirabella, Charles McCathieNevile , Matt May, Marti McCuller, Sorcha Moore, Charles F. Munat, Robert Neff, Bruno von Niman, Tim Noonan, Sebastiano Nutarelli, Graham Oliver, Sean B. Palmer, Sailesh Panchang, Nigel Peck, Anne Pemberton, David Poehlman, Adam Victor Reed, Chris Ridpath, Lee Roberts, Gregory J. Rosmaita, Matthew Ross, Sharron Rush, Gian Sampson-Wild, Joel Sanda, Gordon Schantz, Lisa Seeman, John Slatin, Becky Smith, Jared Smith, Neil Soiffer, Jeanne Spellman, Mike Squillace, Michael Stenitzer, Jim Thatcher, Terry Thompson, Justin Thorp, Makoto Ueki, Eric Velleman, Dena Wainwright, Paul Walsch, Takayuki Watanabe, Jason White.</p> </div> </div> <div class="div1"> <h2><a name="references" id="references"></a> Liite C: Lähteet</h2> <p>Tämä osio on <a title="määritelmä: informatiivinen" href="#informativedef" class="termref">informatiivinen</a>.</p> <dl xml:lang="en" lang="en"> <dt class="label"><a name="CAPTCHA" id="CAPTCHA"></a>CAPTCHA</dt> <dd>The CAPTCHA Project, Carnegie Mellon University. The project is online at <a href="http://www.captcha.net">http://www.captcha.net</a>.</dd> <dt class="label"><a name="HARDING-BINNIE" id="HARDING-BINNIE"></a>HARDING-BINNIE</dt> <dd>Harding G. F. A. and Binnie, C.D., Independent Analysis of the ITC Photosensitive Epilepsy Calibration Test Tape. 2002.</dd> <dt class="label"><a name="IEC-4WD" id="IEC-4WD"></a>IEC-4WD</dt> <dd>IEC/4WD 61966-2-1: Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB. May 5, 1998.</dd> <dt class="label"><a name="sRGB" id="sRGB"></a>sRGB</dt> <dd>"A Standard Default Color Space for the Internet - sRGB," M. Stokes, M. Anderson, S. Chandrasekar, R. Motta, eds., Version 1.10, November 5, 1996. A copy of this paper is available at <a href="https://www.w3.org/Graphics/Color/sRGB.html">http://www.w3.org/Graphics/Color/sRGB.html</a>.</dd> <dt class="label"><a name="UNESCO" id="UNESCO"></a>UNESCO</dt> <dd>International Standard Classification of Education, 1997. A copy of the standard is available at <a href="http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm">http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm</a>.</dd> <dt class="label"><a name="WCAG10" id="WCAG10"></a>WCAG10</dt> <dd>Web Content Accessibility Guidelines 1.0, G. Vanderheiden, W. Chisholm, I. Jacobs, Editors, W3C Recommendation, 5 May 1999, http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/. The latest version of WCAG 1.0 is available at <a href="https://www.w3.org/TR/WAI-WEBCONTENT/">http://www.w3.org/TR/WAI-WEBCONTENT/</a>. </dd> </dl> </div> </div> </body> </html>