Balmuir.fi – saavutettavuusselosteessa listattavat puutteet

Lähetä palautetta osoitteeseen:

• Saavutettavuusasioita koskevat palautteet tulee lähettää osoitteeseen saavutettavuus@luhta.com

• Palvelun rekisteröitymislomakkeessa on joitain saavutettavuuspuutteita. WCAG 1.3.5 Määrittele syötteen tarkoitus (AA), WCAG 4.1.2 Nimi, rooli, arvo (AA)

  • Syöttökentistä puuttuvat määritykset, jotka kertovat apuvälineohjelmalle, että kenttä on pakollinen tai sen tila on virheellinen. Selain ei myöskään välttämättä osaa täydentää kenttiä automaattisesti käyttäjän puolesta.

  • Painike, joka näyttää kenttään syötetyn salasanana, on nimeämätön.

• Lisäksi kirjautumiseen ja rekisteröitymiseen tarkoitetuissa lomakkeissa käyttäjän on vaikea havaita lomakkeen virhetiloja, jos hän toimii palvelussa pelkän apuvälineen antamaan tiedon varassa. WCAG 1.3.3 Aistinvaraiset ominaispiirteet (A), WCAG 3.3.1 Virheen tunnistaminen (A), WCAG 4.1.3 Tilasta kertovat viestit (AA)

  • Kun lomake lähetetään, apuvälinekäyttäjä ei saa ilmoitusta, että lomakkeella havaittiin virheitä.

  • Virheilmoitukset ovat englanniksi sivuston kielestä riippumatta.

  • Virheteksti ei kerro eksplisiittisesti, mihin kenttään virhe liittyy.

• Tuotelistauksessa näytettävien tuotteiden määrä päivittyy aina, kun käyttäjä muuttaa sivulla olevia suodattimia. Lukumäärän muutosta ei kuitenkaan välitetä ruudunlukuohjelmalle. WCAG 4.1.3 Tilasta kertovat viestit (AA)

• Ylätunnisteessa oleva hakukenttä näyttää hakutuloksia samalla, kun käyttäjä syöttää merkkejä kenttään. Ruudunlukuohjelman käyttäjä ei saa tietoa, että tuloksia on saatavilla, eikä siten välttämättä osaa navigoida niihin. Hakutuloslista voi myös jäädä roikkumaan pysyvästi muun sisällön päälle, koska listaa ei voi sulkea näppäimistöselauksessa. Kentältä puuttuu lisäksi aina näkyvissä oleva nimi, sillä ns. placeholder-teksti korvautuu käyttäjän syöttämillä merkeillä. WCAG 3.3.2 Nimilaput tai ohjeet, WCAG 4.1.2 Nimi, rooli, arvo

• Tuotesivulla koon valinta toimii yhdistelmäruudun (ns. select HTML—elementti) tapaan. Kontrollia ei kutienkaan ole toteutettu apuvälineohjelmille yhdistelmäruutuna tai avattavan ja suljettavan pudotusvalikkona. WCAG 4.1.2 Nimi, rooli, arvo (AA)

• Sivustolla on toiminnallisuuksia, joiden käyttö ruudunlukuohjelmalla on hankalaa, koska niistä puutuu apuvälineen tarvitsema tekninen määritys. WCAG 4.1.2 Nimi, rooli, arvo (AA)

  • Sivuston navigointivalikon painikkeet eivät kerro, onko painikkeesta avautuva pudotusvalikko avattu vai suljettu.

  • Sama puute esiintyy ostoskoripainikkeessa, joka ei kerro, onko se avattu tai suljettu.

  • Ylätunnisteessa on painike (esim. ”Finland”), jonka kautta käyttäjä voi siirtyä tietyn maan sivustolle. Painike ei ilmaise, että se avaa modaalin tapaan toimivan dialogin.

  • Palvelun pääsivulla on välilehtien tapaan toteutettuja sisältöjä. Välilehtien yhteydessä voi olla painikkeita, joita ei ole nimetty eikä merkitty painikkeeksi.

  • Sivustolla käytetään ns. haitaripainikkeita, joista käyttäjä voi avata ja piilottaa sisältöä. Esimerkiksi tuotesivulla olevat usein kysytyt kysymykset ovat haitareita. Elementit kertovat oikein, että ne ovat avattuna, mutta kun haitari suljetaan, tila ei enää päivity ruudunlukijalle.

  • Samaan tapaan toimivia painikkeita on myös hakusivulla, jossa hakusuodattimet on kerätty avattavien ja suljettavien pudotusvalikoiden sisään. Painikkeet eivät kerro, että ne voi avata ja sulkea.

  • Tuotesivulla tuotteen värin voi valita painikkeilla. Painikkeet eivät kuitenkaan kerro apuvälineohjelmalle, mikä väri on valittuna eli mikä painike on painettuna.

  • Kokotiedot-dialogissa käyttäjä voi valita, näytetäänkö koot senttimetreinä vai tuumina. Valittu yksikkö ei välity ruudunlukuohjelmalle.

• Pääsivulla on klikattavia kortteja, esimerkiksi ”Ajankohtaista”-osiossa, joiden lukemisjärjestys on ruudunlukukäyttäjän näkökulmasta epäjohdonmukainen: Kortissa on ensin linkki ja vasta sitten kortin otsikko, minkä vuoksi otsikko määrittää itse asiassa vasta seuraavan tulevan kortin sisältöä. WCAG 1.3.2 Merkitykseen vaikuttava järjestys (A)

• Sivustolla on elementtejä, joilta puuttuu avustavalle teknologialle välittyvä nimi, tai nimi on epätarkoituksenmukainen. WCAG 1.1.1 Ei-tekstuaalinen sisältö (A)

  • Ylätunnisteen suosikit-linkki on aina nimetty englanniksi ”Wishlist”.

  • Maan valinta: Joidenkin maiden nimiin liittyy kuvakkeella annettu lisätieto ”Online shopping available”. Se ei välity apuvälineohjelmalle.

  • Alatunnisteessa luetellut maksutavat ovat nimettömiä kuvia.

  • Tuotesivulla on ns. karusellielementti, jonka avulla käyttäjä voi selata tuotteesta tarjolla olevia kuvia. Karusellin kaikilla painikkeilla on tuotteen nimi, mikä tekee niiden tarkoituksen epäselväksi. Karusellissa on myös englanninkielistä sisältöä, ”Page x of y”, joka on tarkoitettu vain ruudunlukuohjelmalle.

  • Karusellin selauspainikkeilta puolestaan puuttuu nimi kokonaan tai se on aina englanniksi (mobiilinäkymä).

  • Myymälähaussa yhteystiedot esitetään kuvakkeina, joita ei ole nimetty apuvälineohjelmalle.

  • Ostoskorissa tuotteiden määrän osoittava kenttä nimetön. Samoin painikkeet, joilla määrää voi kasvattaa tai pienentää tai tuotteen poistaa, ovat nimettömiä.

  • Yrityssivulla on linkkiruutuja, joissa on sekä tekstilinkki että koko ruudun peittävä nimetön linkki.

• Tuotelistauksen ohessa on tarjolla tuotetyyppejä, joiden perusteella tuotelistausta voi vaihtaa. Tuotetyypit ovat haitaripainikkeita. Niihin on kuitenkin sisällytetty myös linkkielementti, joten niissä on kaksi klikattavaa sisäkkäistä kohdetta, minkä vuoksi ruudunlukuohjelma voi toimia haitareiden kanssa epätavanomaisesti. WCAG 1.3.1 Informaatio ja suhteet (A)

• Sivustolta puuttuu rakenteellisesti merkitty pääsisältöosio. Jos sivulla on useampi navigaatioalue, niitä ei myöskään ole nimetty. Myös murupolku on aina nimeämätön. WCAG 1.3.1 Informaatio ja suhteet (A)

• Kaikkia otsikon tapaan asetettuja tekstejä ei ole merkitty teknisesti otsikoiksi, ja otsikkotasot ovat paikoin epäjohdonmukaisia. WCAG 1.3.1 Informaatio ja suhteet (A)

• Pääsivulla on joidenkin tuotekarusellien edellä välilehtivalinta, jolla karusellin esittämien tuotteiden tyyppiä voi vaihtaa. Valintaa ei kuitenkaan ole toteutettu teknisesti välilehtirakenteen tapaan. WCAG 1.3.1 Informaatio ja suhteet, WCAG 4.1.2 Nimi, rooli, arvo

• Näppäimistökohdistusta ei aina siirretä oikeaan kohtaan sivulla, vaikka käyttäjän suorittama toiminto edellyttää sitä. Esimerkiksi Suosikit—kuvakelinkin klikkaus voi avata kirjautumistoiminnon, mutta käyttäjän kohdistus jää linkkielementtiin, eikä siirry kirjautumiseen. Samoin ”Näytä lisää” -painikkeet voivat jättää kohdistuksen sattumanvaraiseen kohtaan sivulla. Sivun alkuun paluu -linkki alatunnisteessa puolestaan vierittää sivua vain visuaalisesti. WCAG 2.4.3 Kohdistusjärjestys (A)

• Tuotelistauksissa tuotteet esitetään klikattavina kortteina, joissa näytetään mm. saatavilla olevat värit pikkukuvina. Kun kuvia osoitetaan hiirellä, näyttää kortti, mitä kokoja kyseisellä värillä on saatavilla. Kokotietoja ei kuitenkaan esitetä, jos kuvat kohdistetaan näppäimistöllä. Myöskään ruudunlukuohjelman käyttäjä ei saa kokotietoja kuvien selitteenä. WCAG 1.3.1 Informaatio ja suhteet (A), WCAG 2.1.1 Näppäimistö (A)

• Sivustolla on tekstejä, joiden kontrasti ja siten erottuvuus on heikko. Myös joidenkin kontrollien tyyppi, kuten syöttökenttien muoto, ja erilaisten valitsimien tila, voivat erottua heikosti matalan kontrastin vuoksi. WCAG 1.4.3 Kontrasti (minimi) (AA), 1.4.11 Ei-tekstimuotoisen sisällön kontrasti (AA)

• Osa kontrolleista ja klikattavista elementeistä ei näytä näppäimistökohdistusta lainkaan tai kohdistus on vaikea erottaa heikon kontrastin vuoksi. WCAG 2.4.7 Näkyvä kohdistus (AA)

• Myymälähaussa on karttaupote, jossa on erityisesti apuvälinekäyttäjän näkökulmasta saavutettavuuspuutteita. Vastaavat tiedot ovat kuitenkin saatavalla sivulla myös tekstinä. WCAG 4.1.2 Nimi, rooli, arvo

• Osalle teksteistä on määritetty absoluuttinen koko CSS-pikseliarvoina, minkä vuoksi käyttäjä ei välttämättä voi muuttaa tekstien kokoa selaimen asetuksista. WCAG 1.4.4 Tekstin koon muuttaminen (AA)