Saavutettavuus

Miten rakennamme näppäimistön, ruudunlukijoiden, heikkonäköisten ja matalan tekniikan käyttäjille. Rehellinen, päivätty tilannekatsaus.

Kirjoitamme tämän sivun samalla tavalla kuin muunkin sivuston: mitä toimii, mitä ei, ja miten voit itse tarkistaa sen. Sivu on päivätty, koska saavutettavuus on jatkuvasti kehittyvä tavoite. Testaamme uudelleen jokaisen suuren julkaisun jälkeen.

Mihin sitoudumme

• Täysi näppäimistönavigaatio. Jokainen generaattorin ohjain, jokainen modaali ja jokainen vientikulku on saavutettavissa ilman hiirtä.
• Näkyvät kohdistustilat. Kohdistetut syötteet, painikkeet ja linkit näyttävät selkeän kehyksen. Emme luota pelkästään väriin.
• Tunnisteet jokaiselle kentälle. Lomakekentillä on liitetyt <label>-elementit tai aria-label-attribuutit. Paikkamerkkiteksti ei koskaan ole ainoa tunniste.
• ARIA live -alueet QR-esikatselulle ja ilmoituksille. Ruudunlukijat kuulevat "QR luotu" ja ilmoitusviestit niiden käynnistyessä, eivät vasta kun kohdistus siirtyy niihin.
• Tekstivaihtoehdot vain kuvakkeita sisältäville painikkeille. aria-label jokaisessa SVG-painikkeessa.
• Väristä riippumaton tilamerkitys. Skannattavuusmerkinnät ja yhteensopivuussirut yhdistävät värin glyfiin ja tekstimerkintään.
• Eksplisiittiset vientimuodon nimet. Latauspainikkeet kertovat "Lataa PNG", "Lataa SVG" jne., ei pelkästään "Lataa".
• Suuret kosketuskohteet mobiililaitteilla. Vuorovaikutteisten elementtien koko on vähintään 44 × 44 CSS-pikseliä karkeilla osoittimilla, WCAG 2.5.8:n mukaisesti.
• Vähennä liikettä -asetus huomioidaan. Siirtymät poistetaan käytöstä prefers-reduced-motion: reduce -asetuksen alla.

Missä meillä on vielä puutteita

• Ruudunlukijatestauksen kattavuus on epätasainen. Generaattori on testattu VoiceOverilla (macOS/iOS) ja NVDA:lla. JAWS ja TalkBack tarvitsevat lisää testausaikaa.
• Business Card Designer on rakenteeltaan hiiriraskasta käyttöä varten (vetämällä sijoittaminen, pohjan esikatselu). Jokaiselle ohjaimelle on olemassa näppäimistövaihtoehdot, mutta live-esikatselu on edelleen visuaalinen ensin.
• Monimutkaisissa generaattorikuluissa (erä-CSV, monivaiheinen ohjattu toiminto) voisi olla parempi ohituslinkirakenne. Suunniteltu.
• Yhteensopivuusmatriisimme esitetään tällä hetkellä HTML-taulukoina. Ruudunlukijalle taulukon sarakeotsikointi toimii, mutta haluaisimme lisätä pidemmät kuvailevat yhteenvedot jokaiselle riville.

Testatut selaimet ja apuvälineet

Viimeisin täysi tarkistus: huhtikuu 2026. Tarkistusten välillä teemme pistotarkastuksia merkittävien käyttöliittymämuutosten jälkeen.

Näppäimistökartta

• Tab / Shift+Tab: siirry eteenpäin / taaksepäin kohdistettavien elementtien välillä.
• Enter / Space: aktivoi painikkeet ja vaihtopainikkeet.
• Nuolinäppäimet: siirry vaihtoehtojen välillä radiopainikkeiden sisällä (tyyppivalitsin, mallipohjien valitsin, välilehtipalkki).
• Escape: sulje modaalit (Business Card Designer, esilähetystarkistus, tulostuspalvelut, kuvien rajaus).
• Home / End ylivuotovalikon sisällä hyppää ensimmäiseen / viimeiseen kohtaan.

Ilmoita ongelmasta

Jos jokin on saavuttamattomissa näppäimistöllä, virheellisesti merkitty tai muuten käyttökelvoton kokoonpanollasi, lähetä sähköpostia osoitteeseen hello@abundera.ai. Sisällytä selaimesi, käyttöjärjestelmäsi, apuvälineesi ja tietty toiminto. Käsittelemme saavutettavuusongelmat ensisijaisina virheinä.

Tarkistettu viimeksi: 2026-04-16. Seuraava tarkistus: seuraavan suuren käyttöliittymämuutoksen jälkeen.