Luhta.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)

Tillgänglighetsdeklaration

Luhta.fi – brister listade i tillgänglighetsutlåtandet

Skicka feedback till:

• Feedback gällande tillgänglighetsproblem skickas till accessibility@luhta.com.

• Det finns vissa tillgänglighetsbrister i tjänstens registreringsformulär. WCAG 1.3.5 Identifiera inmatningens syfte (AA), WCAG 4.1.2 Namn, roll, värde (AA)

  • Inmatningsfält saknar definitioner som talar om för tekniska hjälpmedel att fältet är obligatoriskt eller att dess status innehåller fel. Webbläsaren kanske inte kan fylla i fältet automatiskt åt användaren.

  • Knappen som visar lösenordet som angetts i fältet har inget namn.

• Det är även svårt för användaren att upptäcka en felstatus i formulär avsedda för inloggning eller registrering om de använder tjänsten enbart med information från ett hjälpmedel. WCAG 1.3.3 Sensoriska egenskaper (A), WCAG 3.3.1 Felidentifiering (A), WCAG 4.1.3 Statusmeddelanden (AA)

  • En person som använder tekniska hjälpmedel meddelas inte om fel i formuläret vid inskick av formulär.

  • Felmeddelandena är på engelska oavsett webbplatsens språk.

  • Felmeddelandet anger inte vilket fält som felet är relaterat till.

• Antalet produkter som visas på en produktlista uppdateras varje gång användaren ändrar filtren på webbplatsen. Det uppdaterade numret vidarebefordras dock inte till skärmläsare. WCAG 4.1.3 Statusmeddelanden (AA)

• Sökfältet i rubriken visar sökresultat när användaren matar in tecken i fältet. En användare av en skärmläsare får inte information om tillgängliga resultat och kanske därför inte vet hur man navigerar till dem. Sökresultatlistan kan även ligga permanent ovanpå annat innehåll eftersom den inte kan stängas med tangentbordet. Formuläret saknar även ett namn som alltid är synligt eftersom den så kallade platshållartexten ersätts med de tecken som användaren matar in. WCAG 3.3.2 Etiketter eller instruktioner, WCAG 4.1.2 Namn, roll, värde

• Storleksvalet fungerar som en kombinationsruta (s.k. select HTML-element) på produktsidan. Kontrollen har dock inte implementerats som en kombinationsruta eller en rullgardinsmeny för tekniska hjälpmedel. WCAG 4.1.2 Namn, roll, värde (AA)

• Webbplatsen har funktioner som är svåra att använda med skärmläsare eftersom de saknar den tekniska definition som behövs för tekniska hjälpmedel. WCAG 4.1.2 Namn, roll, värde (AA)

  • Knapparna på webbplatsens navigeringsmeny indikerar inte om rullgardinsmenyn som knappen öppnar är öppen eller stängd.

  • Varukorgsknappen har samma problem eftersom den inte visar om den är öppen eller stängd.

  • Rubriken har en knapp (t.ex. "Finland") som användaren kan använda för att gå till webbplatsen för ett visst land. Knappen indikerar inte att den öppnar en modal dialogruta.

  • Webbplatsens huvudsida har innehåll som implementerats på ett flikliknande sätt. Flikarna kan ha knappar som inte namngetts eller märkts som knappar.

  • Webbplatsen använder så kallade dragspelsknappar som kan användas för att öppna eller dölja innehåll. De vanligaste frågorna på produktsidan är till exempel dragspelsknappar. Elementen indikerar korrekt när de är öppna, men när de är stängda uppdateras inte statusen i en skärmläsare.

  • Liknande knappar finns på söksidan där sökfiltren finns inuti rullgardinsmenyer som kan öppnas och stängas. Knapparna indikerar inte att de kan öppnas och stängas.

  • På produktsidor kan produktens färg väljas med knappar. Knapparna talar dock inte om för det tekniska hjälpmedlet vilken färg som valts, d.v.s. vilken knapp som tryckts ner.

  • I dialogrutan för storleksinformation kan du välja om storlekarna ska visas i centimeter eller tum. Den valda enheten vidarebefordras inte till skärmläsare.

• Huvudsidan har klickbara kort, t.ex. under "Nyheter". Deras läsordning är ologisk för personer som använder skärmläsare: Kortet innehåller länken först och därefter rubriken vilket innebär att rubriken definierar innehållet i det efterföljande kortet. WCAG 1.3.2 Meningsfull sekvens (A)

• Webbplatsen har element som saknar ett namn som vidarebefordrats till tekniska hjälpmedel eller så är namnet olämpligt. WCAG 1.1.1 Icke-textuellt innehåll (A)

  • Länken till önskelistan i rubriken är alltid på engelska.

  • Val av land: Vissa landsnamn är kopplade till en ikon för mer information: "Onlineshopping tillgängligt". Detta vidarebefordras inte till tekniska hjälpmedel

  • Betalningsmetoderna listade i sidfoten är bilder utan namn.

  • Produktsidan har ett så kallat karusellelement med vilket användaren kan bläddra bland tillgängliga produktbilder. Alla karusellknappar är uppkallade efter produkten vilket gör deras syfte oklart. Karusellen har även engelskt innehåll ("Sida X av Y") som endast är avsett för skärmläsare.

  • Karusellens webbläsarknappar saknar namn, de är alltid på engelska (mobilvy).

  • I butikssökning visas kontaktinformation som ikoner som inte namngetts för tekniska hjälpmedel.

  • Fältet som anger antalet produkter i varukorgen har inget namn. Knapparna som kan användas för att lägga till/ta bort artiklar eller för att ta bort en produkt har inget namn.

  • Företagssidan har länkfält med både en textlänk och en namnlös länk som täcker hela skärmen.

• Bredvid produktlistan finns produkttyper baserat på vilka produktlistan kan ändras. Produkttyperna är dragspelsknappar. De inkluderar även ett länkelement och har således två klickbara kapslade objekt vilket är anledningen till att tekniska hjälpmedel kan fungera onormalt med dragspelsknappar. WCAG 1.3.1 Information och relationer (A)

• Webbplatsen saknar ett strukturellt markerat huvudinnehållsavsnitt. Om en webbplats har flera navigeringsområden har de inte namngetts. Brödsmulspåret saknar också alltid ett namn. WCAG 1.3.1 Information och relationer (A)

• Inte all text som utgör rubriker är tekniskt sett markerad som en rubrik, och vissa rubriker är rangordnade ologiskt. WCAG 1.3.1 Information och relationer (A)

• Huvudsidan har ett flikval framför vissa produktkaruseller som kan användas för att ändra produkttyp i karusellen. Valet är dock inte tekniskt implementerat som en flikstruktur. WCAG 1.3.1 Information och relationer, WCAG 4.1.2 Namn, roll, värde

• Tangentbordsfokus flyttas inte alltid till rätt plats på webbplatsen även om åtgärden som användaren utför kräver det. Om du till exempel klickar på Favoriter-ikonen kan inloggningsfunktionen öppnas, men användarens fokus blir kvar på länkelementet istället för att flyttas till inloggningen. På samma sätt kan knapparna "Visa mer" behålla fokuset på en slumpmässig plats på webbplatsen. Länken "Tillbaka till toppen" i sidfoten bläddrar endast visuellt på webbplatsen. WCAG 2.4.3 Fokusordning (A)

• I produktlistor visas produkter som klickbara kort i vilka bland annat tillgängliga färger visas som miniatyrbilder. När du pekar med musen på fotona visar kortet vilka storlekar som finns tillgängliga i den aktuella färgen. Storleksinformationen visas dock inte om tangentbordsfokus används på fotona. En användare av en skärmläsare kommer inte heller att få storleksinformationen som en fotoetikett. WCAG 1.3.1 Information och relationer (A), WCAG 2.1.1 Tangentbord (A)

• Webbplatsen har text med dålig kontrast och därmed dålig upplösning. Typen av vissa kontroller (såsom formen på inmatningsfält och statusen hos olika väljare) kan ha dålig upplösning på grund av låg kontrast. WCAG 1.4.3 Kontrast (minimum) (AA), 1.4.11 Kontrast i andra texter (AA)

• Vissa kontroller och klickbara element visar inte tangentbordsfokus alls eller så är fokuset svårt att urskilja på grund av dålig kontrast. WCAG 2.4.7 Fokus synligt (AA)

• Butikssökningen har en inbäddad karta med tillgänglighetsbrister, särskilt för användare med tekniska hjälpmedel. Motsvarande information finns dock även tillgänglig som text på webbplatsen. WCAG 4.1.2 Namn, roll, värde

• Vissa texter har definierats med en absolut storlek som CSS-pixlar vilket är anledningen till att användare kanske inte kan ändra textstorleken i webbläsarinställningarna. WCAG 1.4.4 Ändra storlek på text (AA)