# Yrityssivuston saavutettavuuden tarkistuslista: rekrytointisivut, PDF:t, sijoittajasivut ja lomakkeet Päivitetty 2026-10-26 Yrityssivusto myy harvoin mitään suoraan, joten sen saavutettavuusongelmat jäävät helposti huomaamatta. Sivustolla ihmiset kuitenkin hakevat töitä, sijoittajat lukevat vuosikertomuksia, toimittajat etsivät tiedotteita ja asiakkaat yhteystietoja, ja este voi pysäyttää minkä tahansa näistä tehtävistä: työhakemus, jota ei voi täyttää näppäimistöllä, vuosikertomus tagittomana PDF-tiedostona, video ilman tekstitystä, evästebanneri, johon fokus jää loukkuun. Tämä tarkistuslista käy WCAG 2.2:n AA-tason läpi useimmilta yrityssivustoilta löytyvien osioiden mukaan ja kertoo, mitä kussakin kannattaa tarkistaa. **Tärkeimmät kohdat** - WebAIM havaitsi vuonna 2026 tunnistettavia WCAG-virheitä 95,9 prosentilla miljoonan suosituimman sivuston etusivuista; heikkokontrastinen teksti (83,9 %) ja puuttuvat alt-tekstit (53,1 %) olivat yleisimmät ([WebAIM](https://webaim.org/projects/million/)). - WCAG koskee verkkosivujen lisäksi sivustolla julkaistuja asiakirjoja, kuten PDF-tiedostoja; W3C julkaisee tekniikoita PDF-tiedostojen saavutettavuuden toteuttamiseen ([W3C](https://www.w3.org/WAI/WCAG22/Techniques/#pdf)). - Tallennettu video tarvitsee tekstityksen (1.2.2, A-taso) ja kuvailutulkkauksen, kun kuvassa on tietoa, jota ääni ei välitä (1.2.5, AA) ([W3C](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded)). - Yhdysvaltain oikeusministeriö totesi vuoden 2022 ohjeistuksessaan, että ADA koskee yleisölle avoimien yritysten verkkopalveluja, mutta ei asettanut tiettyä teknistä standardia ([ADA.gov](https://www.ada.gov/resources/web-guidance/)). - W3C tarjoaa ohjeita ja ilmaisen generaattorin saavutettavuusselosteen laatimiseen ([W3C](https://www.w3.org/WAI/planning/statements/)). ## Miksi saavutettavuus on tärkeää yrityssivustolla? Koska sivustosta riippuvaiset kävijät ovat usein juuri niitä, jotka haluat tavoittaa eniten: työnhakijoita, asiakkaita, kumppaneita ja sijoittajia. Maailman terveysjärjestö WHO arvioi, että 1,3 miljardilla ihmisellä, noin joka kuudennella, on merkittävä toimintarajoite ([WHO](https://www.who.int/news-room/fact-sheets/detail/disability-and-health)). Vielä useammat käyttävät hiiren sijaan näppäimistöä, suurentavat tekstiä tai lukevat puhelimella kirkkaassa valossa. Asiaan liittyy myös vaatimustenmukaisuus, joka vaihtelee maittain ja sen mukaan, ketä sivusto palvelee. EU:n julkisen sektorin elinten on noudatettava saavutettavuusdirektiiviä (Web Accessibility Directive); EU:n kuluttajille myyvät yritykset voivat kuulua esteettömyysdirektiivin (European Accessibility Act) piiriin; Yhdysvalloissa oikeusministeriö on todennut, että ADA koskee yleisölle avoimien yritysten verkkopalveluja ([ADA.gov](https://www.ada.gov/resources/web-guidance/)). Pelkästään yritysasiakkaita palveleva sivusto voi jäädä joidenkin näiden lakien ulkopuolelle, mutta suuret asiakkaat kysyvät toimittajiltaan yhä useammin saavutettavuudesta. Oppaamme [EU:n esteettömyysdirektiivistä](/fi/blog/european-accessibility-act-online-stores) ja [ADA-vaatimuskirjeistä](/fi/blog/ada-website-demand-letter) selittävät taustaa; tämä ei ole oikeudellista neuvontaa. ## Mitä kannattaa tarkistaa jokaisella sivulla? Nämä ongelmat tulevat jaetuista sivupohjista, joten kun korjaat ne kerran, korjaat koko sivuston: - **Kontrasti**: leipätekstin kontrasti taustaan vähintään 4.5:1, suuren tekstin 3:1 (1.4.3). Vaaleanharmaa teksti ja valkoinen teksti brändiväreillä ovat tavallisia virheitä. [Värikontrastin tarkistus](/fi/color-contrast-checker) testaa minkä tahansa väriparin. - **Näppäimistö**: jokaiseen linkkiin, valikkoon ja painikkeeseen pääsee Tab-näppäimellä, niitä voi käyttää Enterillä tai välilyönnillä, ja fokusilmaisin näkyy (2.1.1, 2.4.7). Megavalikot ja karusellit ovat yleisiä ongelmakohtia. - **Ohituslinkki ja maamerkit**: keino ohittaa ylätunniste ja siirtyä pääsisältöön (2.4.1) sekä `header`-, `nav`-, `main`- ja `footer`-maamerkit. - **Otsikot**: yksi H1 sivua kohden ja looginen otsikkorakenne (1.3.1), jotta ruudunlukijan käyttäjät voivat silmäillä sivua. - **Linkkitekstit**: linkit, jotka ovat ymmärrettäviä asiayhteydestään irrotettuina, eikä ”Lue lisää” kymmenen kertaa toistettuna (2.4.4). - **Kieli**: `lang`-attribuutti jokaisella sivulla ja muunkielisissä tekstinosissa (3.1.1, 3.1.2), jotta ruudunlukijat ääntävät ne oikein. - **Zoomaus ja uudelleenjuoksutus**: sisältö on käytettävissä 200 %:n zoomauksella ja 320 pikselin levyisenä ilman vaakasuuntaista vieritystä (1.4.4, 1.4.10). ## Miten teet rekrytointisivuista ja työhakemuksista saavutettavia? Rekrytointiosiossa esteiden seuraukset ovat selvimmät: hakijaa, joka ei pysty lähettämään hakemusta, ei voida ottaa huomioon. - **Työpaikkailmoitukset**: suodattimien ja haun on toimittava näppäimistöllä, ja tulosmäärien on välityttävä ruudunlukijoille (4.1.3). - **Hakulomakkeet**: jokainen kenttä tarvitsee näkyvän nimiön (3.3.2), virheet on kerrottava tekstinä (3.3.1), ja tiedostojen latauspainikkeilla on oltava saavutettavat nimet. - **Aikarajat**: jos lomakkeen istunto aikakatkaistaan, varoita käyttäjiä ja anna heidän pidentää aikaa (2.2.1). - **Kolmansien osapuolten rekrytointijärjestelmät**: monet yritykset käyttävät hakemuksiin ulkoista järjestelmää. Pyydä toimittajalta sen saavutettavuuden vaatimustenmukaisuusraportti (Accessibility Conformance Report), testaa hakuprosessi itse näppäimistöllä ja kerro rekrytointisivulla vaihtoehtoisesta hakutavasta, kuten sähköpostista. - **Soveltuvuustestit ja videohaastattelut**: tarkista, että verkossa tehtävät testit ja videohaastattelutyökalut tukevat ruudunlukijoita, tekstitystä ja pyynnöstä annettavaa lisäaikaa. ## Miten julkaiset saavutettavia PDF-tiedostoja ja vuosikertomuksia? Vuosikertomukset, vastuullisuusraportit, esitteet ja toimintaperiaatteet julkaistaan usein vain PDF-tiedostoina, ja monet niistä ovat tagittomia: ruudunlukija lukee ne yhtenä tekstimassana tai ei lainkaan. - **Suosi HTML:ää** tärkeässä sisällössä. Verkkosivu on helpompi tehdä saavutettavaksi, toimii paremmin puhelimissa ja on helpompi hakea. - **Jos julkaiset PDF:n, tagita se.** Vie tiedosto lähdeasiakirjasta (Word, InDesign) tagit käytössä, jotta otsikot, luettelot, taulukot ja lukujärjestys säilyvät. PDF/UA-standardi (ISO 14289) määrittelee saavutettavat PDF-tiedostot. - **Tarkista perusasiat**: asiakirjan otsikko, asiakirjan kieli, kaavioiden ja kuvien vaihtoehtoiset tekstit, aidot taulukko-otsikot ja looginen lukujärjestys. Adobe Acrobat Prossa on sisäänrakennettu saavutettavuuden tarkistustyökalu; PAC on ilmainen tarkistustyökalu Windowsille. - **Skannatut asiakirjat** ovat kuvia tekstistä ja tarvitsevat tekstintunnistuksen (OCR) ja tagituksen tai HTML-version. - **Taloudelliset taulukot**: merkitse otsikkorivit ja -sarakkeet; HTML:ssä käytä ``-elementtiä `scope`-määreen kanssa. ## Entä videot, webcastit ja podcastit? - **Tekstitys** kaikkeen puhetta sisältävään tallennettuun videoon (1.2.2, A) ja suoriin webcasteihin (1.2.4, AA). Automaattiset tekstitykset on tarkistettava: nimet, numerot ja tekniset termit menevät usein väärin. - **Kuvailutulkkaus**, kun tärkeä tieto on vain visuaalista, kuten dioissa oleva teksti, jota puhuja ei lue ääneen (1.2.5, AA). Usein yksinkertaisin ratkaisu on, että puhuja kuvailee dian. - **Tekstivastineet** (litteroinnit) podcasteille ja pelkkää ääntä sisältävälle sisällölle (1.2.1, A). - **Soittimen säätimet**: upotetun soittimen on oltava käytettävissä näppäimistöllä, ja yli kolme sekuntia automaattisesti soivalle äänelle on oltava keino keskeyttää tai pysäyttää se (1.4.2). W3C:n opas äänen ja videon saavutettavuuteen kattaa suunnittelun, tekstitykset ja kuvailutulkkauksen ([W3C](https://www.w3.org/WAI/media/av/)). ## Miten teet yhteydenottolomakkeista, kartoista ja toimipaikkatiedoista saavutettavia? - **Lomakkeet**: nimiöt, selkeät virheilmoitukset eikä CAPTCHA:a, joka perustuu pelkästään vääristetyn tekstin lukemiseen tai tehtävien ratkaisemiseen; tarjoa vaihtoehto ([W3C](https://www.w3.org/TR/turingtest/)). - **Yhteystiedot tekstinä**: puhelinnumerot, sähköpostiosoitteet ja toimistojen osoitteet kirjoitettuina sivulle, ei vain kuvaan tai karttaan. - **Kartat**: upotettua karttaa on vaikea käyttää ruudunlukijalla; osoite ja reittiohjeet tekstinä ovat saavutettava vaihtoehto. - **Chat-widgetit**: tarkista, että ne voi avata, niitä voi käyttää ja ne voi sulkea näppäimistöllä ja etteivät ne peitä fokuksessa olevaa sisältöä (2.4.11). ## Aiheuttavatko evästebannerit saavutettavuusongelmia? Usein, koska ne näkyvät ensimmäisenä ja kaiken muun päällä. - Bannerin on oltava saavutettavissa ja käytettävissä näppäimistöllä, ja siitä on päästävä pois Tab-näppäimellä (2.1.2, No Keyboard Trap) ([W3C](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap)). - Sen painikkeilla on oltava selkeät nimet ja riittävä kontrasti; ”Hylkää” on löydyttävä yhtä helposti kuin ”Hyväksy”. - Se ei saa peittää alleen sivun fokuksessa olevaa elementtiä (2.4.11). Skannauksemme alkavat etusivultasi evästebannerin ollessa yhä näkyvissä, koska näppäimistön käyttäjä kohtaa sen ensimmäisenä, ja raportoivat fokusloukun, jos Tab-näppäimellä ei pääse sen ohi. ## Tarvitsetko saavutettavuusselosteen? EU:n julkisen sektorin elinten on julkaistava sellainen. Yrityksille seloste on yleensä vapaaehtoinen, mutta EU:n esteettömyysdirektiivi (European Accessibility Act) edellyttää, että sen piiriin kuuluvat palvelut antavat tietoa siitä, miten ne täyttävät sen vaatimukset. Hyvä seloste kertoo, mihin standardiin pyrit, mitkä rajoitukset tunnetaan, miten ihmiset voivat ilmoittaa ongelmasta tai pyytää sisältöä toisessa muodossa ja milloin selostetta on viimeksi tarkistettu. W3C julkaisee ohjeita ja ilmaisen generaattorin ([W3C](https://www.w3.org/WAI/planning/statements/)). Kirjoita se rehellisesti: täyden vaatimustenmukaisuuden väittäminen automaattisen skannauksen jälkeen on itsessään riski, koska automaattiset testit eivät voi tarkistaa kaikkea. ## Miten yrityssivusto kannattaa testata? 1. **Aja automaattinen skannaus** etusivulle, rekrytointisivulle, uutisartikkelille, yhteystietosivulle ja kaikille lomakkeille. [Ilmainen saavutettavuustestimme](/fi/website-accessibility-checker) testaa keskeiset sivut oikeassa selaimessa WCAG 2.2:n A- ja AA-tasoa vasten, ja [alt-tekstien tarkistus](/fi/image-alt-text-checker) listaa sivun jokaisen kuvan. 2. **Testaa näppäimistöllä**: liiku valikossa, hae työpaikkaa ja lähetä yhteydenottolomake pelkällä näppäimistöllä. 3. **Tarkista asiakirjat**: avaa tärkeimmät PDF-tiedostosi ruudunlukijalla tai PDF-tiedostojen saavutettavuuden tarkistustyökalulla. 4. **Katso videosi tekstitys päällä** ja ääni pois päältä. 5. **Pyydä vammaisia ihmisiä** kokeilemaan keskeisiä tehtäviä; se paljastaa ongelmia, joita mikään tarkistuslista ei ennusta. ## Usein kysytyt kysymykset ### Koskeeko WCAG PDF-tiedostoja? Kyllä. WCAG koskee verkkosisältöä, myös sivustolla julkaistuja asiakirjoja. W3C julkaisee erityisiä tekniikoita WCAG:n täyttämiseksi PDF-tiedostoissa. ### Rekrytointisivustoamme ylläpitää kolmas osapuoli. Onko se meidän vastuullamme? Hakijan näkökulmasta se on teidän hakuprosessinne. Pyydä toimittajalta saavutettavuuden vaatimustenmukaisuusraportti, testaa prosessi ja tarjoa vaihtoehtoinen hakutapa. Se, onko teillä oikeudellinen vastuu, riippuu lainkäyttöalueestanne. ### Täyttävätkö automaattiset tekstitykset WCAG:n vaatimukset? Vain jos ne ovat tarkkoja. Automaattiset tekstitykset menevät usein väärin nimissä, numeroissa ja termeissä; tarkista ja korjaa ne ennen kuin luotat niihin. ### Riittääkö overlay-työkalu yrityssivustolle? Ei. Overlay-työkalut eivät korjaa taustalla olevaa koodia, asiakirjoja tai videoita. Lue oppaamme [overlay-työkaluista ja FTC:n määräyksestä](/fi/blog/accessibility-overlays-ftc-order). ### Mihin standardiin yrityssivuston pitäisi pyrkiä? WCAG 2.2:n AA-taso on nykyinen versio ja tavallinen tavoite; monet lait ja toimintaohjeet viittaavat yhä WCAG 2.1 AA -tasoon, jonka 2.2 AA -tason täyttävä sivusto täyttää myös. ## Lähteet - WebAIM: [The WebAIM Million (2026)](https://webaim.org/projects/million/) - W3C: [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/) - W3C: [Techniques for WCAG 2.2: PDF techniques](https://www.w3.org/WAI/WCAG22/Techniques/#pdf) - W3C: [Understanding 1.2.2 Captions (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded) - W3C: [Understanding 1.2.5 Audio Description (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded) - W3C: [Making audio and video media accessible](https://www.w3.org/WAI/media/av/) - W3C: [Understanding 2.1.2 No Keyboard Trap](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap) - W3C: [Inaccessibility of CAPTCHA](https://www.w3.org/TR/turingtest/) - W3C: [Developing an accessibility statement](https://www.w3.org/WAI/planning/statements/) - Yhdysvaltain oikeusministeriö (US Department of Justice): [Guidance on web accessibility and the ADA](https://www.ada.gov/resources/web-guidance/) - Maailman terveysjärjestö WHO: [toimintarajoitteita käsittelevä tietosivu (Disability fact sheet)](https://www.who.int/news-room/fact-sheets/detail/disability-and-health)