Tämä tilaraportti koskee withings.com-verkkosivustoa. Tähän mennessä Withings.com-verkkosivustomme on osittain vaatimustenmukainen digitaalisen esteettömyyden standardien suhteen alla lueteltujen keskeisten puutteiden vuoksi.
Tunnistetut keskeiset puutteet:
Auditointimme ovat tuoneet esiin seuraavat esteettömyysongelmien kategoriat:
1. Lomakkeiden ja interaktiivisten elementtien ongelmat:
Monista lomakekentistä ja painikkeista puuttuvat saavutettavat tunnisteet tai nimet, mikä tekee niistä vaikeita tai mahdottomia käyttää ruudunlukuohjelmien käyttäjille ja näppäimistönavigaatiossa.
Avattavat luettelot ja syötekentät tarvitsevat saavutettavat nimet.
Välilehtijärjestys ei ole aina looginen tabindex-arvojen (yli 0) käytön vuoksi, mikä haittaa näppäimistönavigaatiota.
2. Värikontrastiongelmia:
Jotkin tekstit ja graafiset elementit eivät noudata vähimmäisvärikontrastisuhteita, mikä voi tehdä sisällöstä lukukelvotonta näkövammaisille.
3. Semanttiset ja rakenteelliset ongelmat:
ARIA-attribuutteja käytetään joskus väärin tai ne eivät sovi elementeille.
Listaelementit eivät aina ole oikein sisäkkäin listojen sisällä, mikä voi häiritä apuvälineteknologioiden semanttista rakennetta.
Kieliattribuutti (lang) puuttuu pääelementistä , mikä voi vaikuttaa ruudunlukuohjelmien ääntämiseen.
4. Vaihtoehtoisten tekstien puuttuminen kuvista:
Joistain kuvista puuttuvat vaihtoehtoiset tekstikuvaukset (alt), mikä tekee niistä saavuttamattomia käyttäjille, jotka eivät näe niitä.
Poikkeukset suhteettoman rasitteen perusteella
Ei mitään
Esteettömyyden arviointityökalut
Olemme suorittaneet perusteellisia esteettömyysauditointeja erityisesti Axe- ja Pa11y-työkaluja käyttäen.
Esteettömyyden toimintasuunnitelma
Olemme täysin sitoutuneet jatkuvan parantamisen prosessiin vaatimustenmukaisuuden saavuttamiseksi. Seuraava toimintasuunnitelma kuvaa vaiheet, jotka aiomme toteuttaa:
Tavoite: Saavuttaa digitaalisen esteettömyyden standardien vaatimustenmukaisuus 28. Kesäkuuta 2027 mennessä.
Painopistealueet:
1. Lomakkeiden ja näppäimistönavigaation parantaminen:
- Toimenpide: Liitä systemaattisesti selkeät ja täsmälliset "label"-tunnisteet kaikkiin lomakekenttiin "input", "textarea", "select".
- Toimenpide: Varmista, että kaikilla painikkeilla ja interaktiivisilla elementeillä on saavutettava nimi (aria-label, aria-labelledby, tekstisisältö).
- Toimenpide: Poista tai korjaa yli 0 olevien tabindex-arvojen käyttö loogisen ja luonnollisen välilehtijärjestyksen varmistamiseksi.
- Toimenpide: Testaa koko sivuston täydellinen näppäimistönavigaatio.
2. Värikontrastiongelmien korjaaminen:
- Toimenpide: Tarkista sivustomme väripaletti varmistaaksesi, että kaikki tärkeät tekstit ja elementit täyttävät vaaditut värikontrastisuhteet (WCAG 2.1 AA).
- Toimenpide: Käytä kontrastin tarkistustyökaluja kehityksen ja validoinnin aikana.
3. Koodin semantiikan ja rakenteen optimointi:
- Toimenpide: Korjaa ARIA-attribuuttien käyttö niin, että ne sopivat elementin rooliin.
- Toimenpide: Varmista listojen oikea semanttinen rakenne ("ul", "ol", "li").
- Toimenpide: Lisää oikea lang-attribuutti -elementtiin.
4. Vaihtoehtoisten tekstien lisääminen kuviin:
- Toimenpide: Lisää kaikille merkityksellisille kuville kuvaava ja asiaankuuluva alt-teksti.
- Toimenpide: Varmista koristeellisten kuvien osalta, että alt-attribuutti on tyhjä (alt=""), jotta ruudunlukuohjelmat ohittavat ne.
