Mistä aloittaa saavutettavuus, kun se tuntuu liian isolta

Ensimmäinen ymmärrettävä asia: sinun ei tarvitse korjata kaikkea kerralla

Kun organisaatiot kohtaavat WCAG 2.2:n ensimmäistä kertaa, reaktio on usein sekoitus aitoa huolta ja ylivoimaisuuden tunnetta. On 78 onnistumiskriteeriä kolmella vaatimustenmukaisuustasolla. Tukevien tekniikoiden dokumentaatio on valtava. Automaattiset skannaukset tuottavat listoja sadoista ongelmista. Tuntuu, että joutuisit pysäyttämään kaiken ja omistamaan kuukausia kehitysaikaa ennen kuin voisit edes ajatella kutsuvasi sivustoasi saavutettavaksi.

Tämä tunne on ymmärrettävä mutta harhaanjohtava. Saavutettavuuden parantaminen ei ole binaarinen tila — saavutettava tai ei saavutettava. Se on jatkumo, ja merkityksellinen edistys on mahdollista siitä, missä olet juuri nyt, vaikka olisit “emme ole ajatelleet tätä aiemmin”.

Tämän oppaan tavoite on auttaa sinua aloittamaan.

Miksi ylivoimaisuuden tunne on normaalia

Verkon saavutettavuus tuntuu isolta, koska se aidosti on iso. WCAG kattaa visuaalisen esityksen (kontrasti, tekstin koko, välistys), auditiivisen sisällön (tekstitykset, litteroinnit), vuorovaikutuksen (näppäimistönavigointi, ajoitus, liike), semantiikan (rakenne, otsikot, roolit) ja kognitiiviset näkökohdat (kieli, johdonmukaisuus, virheistä toipuminen). Se koskee työpöytää, mobiilia ja avustavaa teknologiaa. Se vaikuttaa suunnitteluun, sisältöön, kehitykseen ja testaukseen.

Mutta tässä on se, mikä muuttaa kuvan: useimmat saavutettavuusvirheet keskittyvät pienen määrän kaavoja ympärille. Vuosi toisensa jälkeen WebAIM Million -raportti (joka analysoi miljoona vieraillinta verkkosivustoa) toteaa, että samat kuusi ongelmaa muodostavat valtaosan automaattisesti havaittavista WCAG-virheistä:

1. Matala värikontrasti
2. Puuttuva vaihtoehtoinen teksti kuvissa
3. Puuttuvat lomakekenttien otsikot
4. Tyhjät linkit (linkit ilman tekstiä)
5. Puuttuva dokumentin kieli
6. Tyhjät painikkeet (painikkeet ilman tekstiä)

Nämä kuusi kaavaa yksinään ovat läsnä yli 95 %:ssa testatuista etusivuista. Niiden korjaaminen sivustollasi ei tee sinusta täysin saavutettavaa, mutta se poistaa esteet, jotka vaikuttavat suurimpaan määrään vammaisia käyttäjiä. Se on merkityksellinen lähtökohta.

Vaihe 1: Ymmärrä nykyinen tilanteesi

Ennen kuin voit priorisoida korjauksia, sinun täytyy tietää, missä olet. Ilmainen automaattinen skannaus antaa tämän sinulle minuuteissa.

Automaattiset työkalut eivät ole täydellinen saavutettavuusratkaisu — ne havaitsevat luotettavasti vain 30–40 % WCAG-virheistä, koska useimmat esteet vaativat inhimillistä harkintaa havaitakseen. Mutta ne ovat erinomaisia löytämään yleiset, automatisoitavat virheet, jotka on lueteltu yllä: kontrasti, puuttuva vaihtoehtoinen teksti, merkitsemättömät syöttökentät ja vastaavat rakenteelliset ongelmat.

Suorita ilmainen skannaus sivustostasi. Katso, mitä palautuu. Merkityt ongelmat ovat todellisia — ne eivät ole vääriä positiivisia yleisten kaavojen osalta — ja ne ovat konkreettinen lähtölista.

Vaihe 2: Priorisoi vaikutuksen, ei kattavuuden mukaan

Kun sinulla on lista, houkutus on käsitellä jokainen kohta järjestyksessä. Vastusta tätä. Priorisoi sen sijaan vaikutuksen ja tiheyden yhdistelmän mukaan:

Suurin vaikutus (korjaa ensin):

• Kaikki esteet kassalla, rekisteröitymisessä tai ensisijaisessa konversiovirrassa — jos käyttäjät eivät voi suorittaa tapahtumaa loppuun, saavutettavuusvirhe maksaa sinulle liiketoimintaa
• Kirjautumis- ja todennusesteet — käyttäjät, jotka eivät pääse sisään, eivät voi käyttää mitään
• Navigointi — jos käyttäjät eivät löydä sivuja, sivutason saavutettavuudella ei ole merkitystä

Suuri vaikutus (korjaa toiseksi):

• Ydinsisältösivut: tuotesivut, tietosivut, sisältö, jota käyttäjät nimenomaan tulevat hakemaan
• Lomakekentät ja niiden otsikot ja virheilmoitukset — lomakkeet ovat paikka, jossa vuorovaikutus tapahtuu
• Kontrastivirheet — nämä vaikuttavat hyvin suureen väestöön ja ovat yleensä suoraviivaisia korjauksia

Tärkeä mutta vähemmän kiireellinen (korjaa myöhemmin):

• Arkistosisältö ja vanhemmat sivut, joilla on vähän liikennettä
• Reunatapausvuorovaikutukset ja WCAG-kriteerit, jotka vaikuttavat pienempiin väestöihin
• Tason AAA vaatimukset (jotka menevät oikeudellista standardia pidemmälle)

Sinun ei tarvitse saavuttaa täydellisiä tuloksia ennen kuin korkeimman liikenteen ja korkeimman konversion sivusi ovat saavutettavia. Tee nämä ensin oikein.

Vaihe 3: Lisää manuaalinen testaus sille, mitä automaatio ei havaitse

Kun automaattiset ongelmasi ovat hallinnassa, seuraava kerros on manuaalinen testaus. Täältä löydät:

• Näppäimistönavigointivirheet — voivatko käyttäjät siirtyä sarkaimella koko sivustosi läpi ilman hiirtä?
• Kohdistuksen hallintaongelmat — kun modaali avautuu, siirtyykö kohdistus modaaliin? Kun se sulkeutuu, palaako se?
• Ruudunlukuohjelman käyttäytyminen — ilmoittaako mukautettu pudotusvalikkosi tilansa? Viestiikö karusellisi, mikä dia on aktiivinen?
• Looginen lukujärjestys — jos poistat CSS:n, onko sivu edelleen järkevä?

Nopein tapa aloittaa manuaalinen testaus on:

1. Irrota hiiri ja yritä suorittaa sivustosi ensisijainen käyttäjäpolku käyttäen vain näppäimistöä (Tab, Shift+Tab, Enter, Space, Escape, nuolinäppäimet). Kirjaa kaikki, mikä rikkoutuu.

2. Lataa ilmainen ruudunlukuohjelma (NVDA Windowsille on ilmainen; VoiceOver on sisäänrakennettu Maciin ja iOS:ään). Navigoi tärkeimmillä sivuillasi. Kuuntele, mitä ilmoitetaan. Onko se johdonmukaista?

3. Käytä selaimen saavutettavuustyökaluja — sekä Chromessa että Firefoxissa on saavutettavuustarkastimet, jotka näyttävät saavutettavuuspuun, ARIA-roolit ja lasketut saavutettavat nimet jokaiselle elementille.

Näiden testien oppiminen vie aikaa mutta ei maksa mitään, ja ne löytävät ongelmia, joita mikään automaattinen työkalu ei löydä.

Vaihe 4: Rakenna se työnkulkuusi

Kallein tapa tehdä saavutettavuutta on käsitellä sitä korjausharjoituksena — korjaa sivusto, julista voitto ja katso sitten, kuinka uusia esteitä kertyy jokaisen uuden ominaisuusjulkaisun myötä.

Kestävä saavutettavuus tarkoittaa työtapojen muuttamista:

• Suunnittelun arviointi — täyttääkö suunnittelu kontrastivaatimukset? Ovatko interaktiiviset tilat näkyviä?
• Kehitys — käytetäänkö natiiveja HTML-elementtejä missä mahdollista? Onko lomakekentät merkitty? Onko mukautetuilla komponenteilla oikea ARIA?
• Sisältö — onko jokaisella kuvalla asianmukainen vaihtoehtoinen teksti? Ovatko linkit kuvaavia?
• Testaus — estääkö CI saavutettavuusregressiot? Onko manuaalinen testausvaihe ennen suuria julkaisuja?

Oppaamme saavutettavuudesta ohjelmistokehityksen elinkaaressa menee syvemmälle siihen, miltä tämä näyttää käytännössä. CI/CD-integraatiopalvelumme tekee automaattisesta kerroksesta osan jokaista koontia.

Realististen odotusten asettaminen

Verkkosivustolle, jota ei ole koskaan arvioitu saavutettavuuden osalta, WCAG 2.1 -tason AA vaatimustenmukaisuuden saavuttaminen jokaisella sivulla on tyypillisesti monikuukautinen projekti — pidempi suurille, monimutkaisille sivustoille, joilla on merkittävää vanhaa koodia.

Se ei tarkoita, ettetkö voisi tehdä merkityksellistä edistystä seuraavien kahden viikon aikana. Yllä luettelemieni kuuden yleisimmän ongelman korjaaminen tekee sivustostasi olennaisesti saavutettavamman merkittävälle väestölle, vaikka se ei tekisikään sinusta oikeudellisesti vaatimustenmukaista.

Hyödyllisin näkökulma, jonka olen löytänyt: tähtää jatkuvaan parantamiseen sen sijaan, että pitäisit vaatimustenmukaisuutta päämääränä. Jokaisella sprinttisyklillä ratkaise joukko tunnistettuja ongelmia. Suorita automaattiset tarkistukset uusille ominaisuuksille ennen niiden julkaisua. Aikatauluta manuaalinen testaus neljännesvuosittain. Rakenna saavutettavuusseloste, joka rehellisesti heijastaa nykyistä tilaasi ja tiekarttaasi.

Organisaatiot, jotka lähestyvät sitä tällä tavalla, tekevät yleensä nopeampaa kokonaisedistystä kuin ne, jotka odottavat, kunnes voivat resursoida täydellisen korjausprojektin.

Mistä aloittaa tänään

Jos et ole vielä tehnyt mitään: suorita ilmainen skannaus. Sinulla on todellinen lista todellisista ongelmista kahdessa minuutissa, priorisoituna vakavuuden mukaan. Se on lähtökohtasi.

Jos olet suorittanut skannauksia mutta et ole siirtynyt manuaaliseen testaukseen: kokeile vain näppäimistöllä -testiä kassavirrassasi tänään. Jos löydät esteitä, olet löytänyt seuraavan prioriteettisi.

Jos teet manuaalista testausta mutta et ole integroinut sitä työnkulkuusi: lue oppaamme saavutettavuudesta kehitysprosessissa ja tunnista yksi kohta nykyisessä työnkulussasi, johon saavutettavuustarkistus voitaisiin lisätä.

Edistys voittaa täydellisyyden. Aloita jostakin.