Saavutettavuus

Kuinka rakennamme näppäimistö-, ruudunlukija-, heikkonäköisille ja kevyttekniikkaa käyttäville käyttäjille. Rehellinen, päivätty tilannekuva.

Kirjoitamme tämän sivun samaan tapaan kuin muunkin sivuston: mitä toimii, mikä ei, ja miten voit itse tarkistaa sen. Sivu on päivätty, koska saavutettavuus on liikkuva maali. Testaamme uudelleen jokaisen merkittävän julkaisun jälkeen.

Virallinen saavutettavuuslausunto

Kohdestandardi

WCAG 2.2 AA koko käyttökokemuksen osalta. AAA-käsittely kohdistustulokseen (paksut korkean kontrastin renkaat, ei piilotettu) ja lomakkeiden merkintöihin + virheistä palautumiseen. Seurataan W3C:n suositusta, ei parafraasia.

Viimeisin sisäinen tarkistus

2026-04-19. Oman tiimimme manuaalinen läpikäynti etusivua, print-size-sivua, /standards/-keskusta + 9 auktoriteettisivua sekä 45 maksupalvelun laskeutumissivua vastaan.

Ulkoinen tarkistus

Tilattu, raportti odottaa. Julkaistaan saapuessaan osoitteessa /accessibility/audit/ korjaushuomioiden kera, virheet tallessa, ei kirsikanpoimintaa.

Uudelleentestauksen tiheys

Kuukausittainen pistotarkistus + täysi manuaalinen läpikäynti jokaisen merkittävän käyttöliittymämuutoksen jälkeen. Automaattiset tarkistukset (kontrastin lintaus, WCAG 2.2 uusien kriteerien skannaus) ajetaan jokaisessa käyttöönotossa.

Yhteystiedot + palvelutaso

hello@abundera.ai, kuittaamme saavutettavuusraportit 2 arkipäivän kuluessa, triagoimme 5 päivässä ja käsittelemme näppäimistö-, ruudunlukija- ja kognitiiviset esteet prioriteettiongelmina (toimitetaan ennen ominaisuustöitä).

WCAG 2.2 AA -vaatimustenmukaisuus onnistumiskriteerien mukaan

Versiossa 2.2 uudet kriteerit, joita seuraamme aktiivisesti. Tila kuvaa sisäisesti varmistamiamme asioita; ulkoinen tarkistus korvaa tämän.

Liike ja forced-colors-tuki

• prefers-reduced-motion: reduce, ympäristöllinen pallofloat ja häivytyssiirtymät on poistettu käytöstä. Toiminnalliset siirtymät pysyvät lyhyinä. Vahvistettu macOS:n Vähennä liikettä -asetuksella ja Windowsin "Näytä animaatiot" poistettuna käytöstä.
• forced-colors: active (Windowsin korkean kontrastin tila), kohdistusrenkaat käyttävät järjestelmän Korostus-väriä; reunat perivät järjestelmän CanvasText-arvon. Vahvistettu Edgellä Windows 11:n korkean kontrastin tilassa.

Tunnetut rajoitukset

• JAWS ei ole vielä testattu. Seuraava AT-kierros kohdistuu JAWS:iin Edgellä Windows 11:ssä.
• Business Card Designer on suunnittelultaan hiiriohjauksen ensisijainen raahaa-sijaintiin-esikatselua varten. Jokaisella ohjaimella on näppäimistövaihtoehto, mutta live-palautteen silmukka on edelleen visuaalinen. Värisyötöillä, esiasetusten ruudukolla ja hex-kentillä on nyt eksplisiittiset ARIA-sidokset (2026-04-19).
• Ulkoinen tarkistusraportti odottaa. Yllä olevan taulukon itsevarmistettu tila korvataan tarkastajan löydöksillä raportin saapuessa.
• Joitakin kolmannen osapuolen apuvälineteknologioita (Dragon NaturallySpeaking, Android-puheentunnistu) ei ole regressiomatriisissamme; hyväksymme yhteisöraportteja ja korjaamme tiketti kerrallaan.

Saavutettavuuden muutosloki

• 2026-04-19 (iltapäivä), TalkBack live-region kaksoistulipaloksi korjattu: aria-live="polite" poistettu #qr-preview-kääreestä; ilmoitukset tulevat nyt vain skannattavuuden role="status"-merkistä, kerran per luonti. BCD-modaali: väripoimimet saivat asianmukaiset <label for>-sidokset (Tausta, Teksti, Korostus, Liukuväri); esiasetusten ruudukkosäiliö sai role="group" + aria-label. Saavutettavuustaulukot saivat <caption> + scope="col"/"row", WCAG 2.2 AA + AT-matriisi ilmoittaa nyt oikein VoiceOverissa, NVDA:ssa ja TalkBackissa.
• 2026-04-19 (aamupäivä), Kohdistusindikaattorit päivitetty (3 px + box-shadow-varmuuskopio). forced-colors + prefers-reduced-motion -tuki lisätty. Kohteen koon tarkistus: .saved-profile-delete, .type-search-clear, .compat-toggle-btn korotettu ≥ 28 px:iin. Otsikkotason ohitus korjattu (vCard/MECARD-alaotsikot h4 → h3). Virallinen WCAG 2.2 AA -lausunto + AT-matriisi julkaistu.
• 2026-04-18, Manuaalinen WCAG 2.2 AA -perustason läpikäynti dokumentoitu. Neljän pilarin luottamusnauha tiivistetty selkeämmän hierarkian vuoksi.
• 2026-03-08, Alkuperäinen /accessibility/-sivu julkaistu.

Mitä lupaamme

• Täysi näppäimistöselaus. Jokainen generaattorin ohjain, jokainen modaali ja jokainen vientivuo on saavutettavissa ilman hiirtä.
• Näkyvät kohdistustilat. Kohdistetut syöttökentät, painikkeet ja linkit näyttävät selkeän renkaan. Emme luota pelkkään väriin.
• Nimiöt jokaiselle kentälle. Lomakesyötöillä on liitetyt <label>-elementit tai aria-label-attribuutit. Paikkamerkkitekstejä ei käytetä koskaan ainoana nimiönä.
• ARIA-liveregionit QR-esikatselulle ja ilmoituksille. Ruudunlukijat kuulevat "QR luotu" ja ilmoitusviestit niiden käynnistyessä, ei vain kun kohdistus siirtyy niihin.
• Tekstivaihtoehdot vain-ikoni-painikkeille. aria-label jokaisessa vain-SVG-painikkeessa.
• Väreriippumaton tilan merkitys. Skannattavuusmerkit ja compat-sirut yhdistävät värin glyyfiin ja tekstinimiöön.
• Eksplisiittiset vientimuodon nimet. Latauspainikkeet sanovat "Lataa PNG", "Lataa SVG" jne., ei vain "Lataa".
• Suuret mobiilikosketuskohteet. Interaktiiviset elementit ovat vähintään 44 × 44 CSS-pikseliä karkeilla osoittimilla WCAG 2.5.8:n mukaisesti.
• Vähennä liikettä -kunnioitus. Siirtymät poistetaan käytöstä prefers-reduced-motion: reduce -asetuksella.

Missä meillä on vielä parannettavaa

• JAWS ei ole vielä testattu. JAWS-lisenssi hankittu, testauspaikka varattu seuraavalle AT-kierrokselle. Kaikki muut pääversiot (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) ovat läpäisseet viimeisimmän regression.
• Business Card Designer on hiiriraskain suunnittelultaan (raahaa sijaintiin, kanvasesikatselu). Näppäimistövaihtoehdot ovat olemassa jokaiselle ohjaimelle, mutta live-esikatselu on edelleen ensisijaisesti visuaalinen. Väriohjauksilla on nyt asianmukaiset <label for>-sidokset + role="group" esiasetusten valitsimessa (2026-04-19).
• Monimutkaiset generaattorivuot (erä-CSV, monivaiheinen ohjattu toiminto) voisivat hyötyä paremmasta ohituslinkkirakentesta. Suunnitteilla.
• Kuvailevat taulukkotiivistelmät. Saavutettavuus- ja yhteensopivuustaulukoilla on nyt <caption> + scope-attribuutit (2026-04-19). Pidemmät rivitason kerronnalliset tiivistelmät jokaiselle riville ovat vielä suunnitteilla.

Apuvälineteknologian tukimatriisi

Insinööriartefakti, ei PR-lausunto. Jokainen rivi on todellinen selain + AT + alusta -yhdistelmä, jota olemme fyysisesti testanneet. Tila kuvaa viimeisintä manuaalista läpikäyntiä; varoitukset kirjaavat kaiken, mikä estää täydellisen hyväksynnän.

Julkaisutiheys: matriisi ajetaan uudelleen jokaisen merkittävän käyttöliittymämuutoksen jälkeen. "Hyväksytty" = ei estävää; varoitukset ovat kosmeettisia tai kapeita regressioita jonossa seuraavaan julkaisuun. "Ei testattu" = emme ole vielä fyysisesti ajaneet yhdistelmää, sanomme sen sen sijaan että jättäisimme pois.

Näppäimistökartta

• Tab / Shift+Tab: siirry eteen / taaksepäin kohdistettavien elementtien läpi.
• Enter / Space: aktivoi painikkeet ja vaihtopainikkeet.
• Nuolinäppäimet: siirry vaihtoehtojen välillä radioryhmän sisällä (tyypinvalitsin, mallivalitsin, välilehtipalkki).
• Escape: sulje modaalit (Business Card Designer, preflight, tulostuspalvelut, kuvan rajaus).
• Home / End ylivuotovalikossa hyppää ensimmäiseen / viimeiseen kohtaan.

Sisäinen tarkistus, 2026-04-19

Manuaalinen WCAG 2.2 AA -läpikäynti etusivua, /print-size/-sivua, uutta /standards/-keskusta + 9 auktoriteettisivua ja 45 maksupalvelun laskeutumissivua vastaan (jotka perivät jaetusta mallista). Mitä vahvistimme, mitä korjasimme ja mitä on vielä auki:

Vahvistettu hyväksytyksi

• Ohituslinkin kohde on olemassa, ohituslinkki (href="#generator") viittaa näkyvään elementtiin jokaisessa sivuvariantissa.
• Kohdistus-näkyvät-tyylit, :focus-visible on määritelty globaalisti 2 px:n ääriviivalla sekä syötekohtaisilla ylikirjoituksilla värillisellä reunalla + varjolla. Vahvistettu CSS-tarkistuksella riveillä 34 ja 88 tiedostossa site/css/style.c17bfd85.css.
• Kaikilla lomakesyötöillä on nimiöt, jokaisella generaattorin <input>- / <select>- / <textarea>-elementillä on joko eksplisiittinen <label for="..."> tai käärivä <label>. Paikkamerkkiä nimiönä ei käytetä missään.
• Painikkeilla on saavutettavat nimet, jokaisella <button>-elementillä on joko tekstisisältö tai aria-label. Kaikilla vain-SVG-painikkeilla (hampurilainen, jaa, asenna) on aria-label.
• Koristeelliset SVG:t merkitty piilotetuksi, aria-hidden="true" jokaisessa koristeellisessa kuvakkeessa, jotta ruudunlukijat ohittavat ne sen sijaan että ilmoittaisivat niiden geometrian.
• Oikeat ARIA-roolit, role="radiogroup" tyypinvalitsimessa role="radio" + aria-checked jokaisessa vaihtoehdossa; role="tablist" / role="tab" + aria-selected paneelin välilehdissä.
• Tekstikontrasti, ensisijainen teksti on #f5f5f5 taustalla #08090a (≈ 17:1, WCAG AAA). Vaimea teksti #a3a3a3 samalla taustalla on ≈ 8:1 (yli AAA 7:1).
• Kielenvaihtajalla on aria-label="Language" vaikka näkyvä nimiö on implisiittinen.

Korjattu tässä läpikäynnissä

• Otsikkotason ohitus, kolme alaotsikkoa vCard / MECARD extra-fields -osioissa olivat <h4>-elementtejä <h2>-otsikon alla ilman väliintulevaa <h3>:a. Ruudunlukijan ääriviivaohjaimet merkitsivät tämän "ohitetuksi tasoksi." Muutettu <h3>:ksi, jotta rakenne on h1 → h2 → h3 → h3 siististi.

Tunnetut rajoitukset

• Axe / NVDA / VoiceOver -kokonaistarkistus vaatii selaimen + AT:n, jota emme voi ajaa buildausputkesta. Manuaalinen selainpohjainen läpikäynti ajoitettu kuukausittain.
• Kolmannen osapuolen riippumaton tarkistus on tilattu (katso /accessibility/audit/ paikkamerkki). Raportti julkaistaan saapuessaan vaikka se sisältäisi löydöksiä.
• "/"-näppäimistöpikakuvake komentovaletille on lievä törmäysriski sivuilla, joilla on hakukenttiä. Kutsumme preventDefault():in vain kun kohdistus on syöttökentän ulkopuolella; dokumentoitu mutta ei vielä tarkistettu AT:n kanssa.

Raportoi ongelma

Jos jokin on saavuttamattomissa näppäimistöllä, väärin merkitty tai muuten käyttökelvoton asetuksessasi, lähetä sähköpostia osoitteeseen hello@abundera.ai. Sisällytä selaimesi, käyttöjärjestelmäsi, AT:si ja tarkka kulku. Käsittelemme saavutettavuusvirheet prioriteettiongelmina.

Viimeksi tarkistettu: 2026-04-19. Seuraava tarkistus: seuraavan merkittävän käyttöliittymämuutoksen jälkeen.