Skip to content

FI: Saavutettavuustestien ideointia

AleksiP edited this page Mar 17, 2020 · 1 revision

Saavutettavuus/regressiotestit

Toivottu toiminnallisuus

Yleistä

Hakukentällä ei saa olla sisällä tekstiä. Teksti pitää olla ulkopuolella, ettei se sekota käyttäjää.

Nappuloilla ei saa olla pelkkää ikonia. Pitää sisältää selkeyttävä teksti kuten hakunappulassa.

Kontrastin pitää olla selkeä 4.5

Välilehdet valittu parhaimmaksi tavaksi jakaa tietoa osioihin saavutettavuuden osalta.

Elementit mitkä avaavat uuden näkymän pitää olla linkkejä.

Kuvilla pitää olla kuvaavat alt tekstit

Yleistä – Testit

Tarkastetaan, että hakukentällä ei ole placeholder tekstiä ja yläteksti esim. “Hae palveluita, toimipisteitä tai osoitteita” on olemassa

Otsikkotasot eri sivuilla voidaan tarkistaa.

Linkillisille elementeille, kuten listat ja buttonit, testit jotka katsovat, että link propin saadessa elementille tulee role=link

Tarkastetaan, että kuvilla on alt tekstit

Yläpalkki

Sisältää hyppylinkin sisältöön sivun alussa.

Asetusvalinnat ovat linkkejä jotka avaavat dialogin sivupalkkiin ja siirtää focusin dialogin alkuun.

Yläpalkki – Testit

Katsotaan, että elementit sisältävät linkki roolin.

Katsotaan, että fokus siirtyy oikein.

Katsotaan, että asetus elementti sisältää oikeat roolit ja fokusointi looppaa oikein alkuun vimeisen elementin jälkeen.

Asetuksetsivu

Asetussivu – Testit

Katsotaan, että checkboxit ja radio inputtien checked ominaisuus toimii klikatessa ja näppäimistöllä.

Hakusivu

Hakusivulla pitäisi aria-liven kertoa tietoa käynnissä olevasta hausta.

Alareunassa pitäisi näkyä valitut asetukset.

Listaelementeillä pitää olla tabindex=0

“Hae tarkempia hakuehdotuksia”–painike pitäisi olla role=link ja avata uuden näkymän. Hakuehdotus näkymän takaisin painikkeet tuovat käyttäjän fokusin takaisin “Hae tarkempia hakuehdotuksia”–painikkeeseen. Hakuehdotus elementit tuovat käyttäjän takaisin hakusivulle ja suorittaa haun ehdotuksella.

Hakusivu – Testit

Tarkistetaan listaelementtien tabindex

Hakuehdotussivulta palatessa voi tarkastaa fokusin

Hakuehdotussivulta valitessa ehdotuksen pitäisi hakusivulla käynnistyä uusi haku

Toimipistesivu

Päädytty siihen, että välilehdet ovat paras tapa jäsennellä dataa kategorioihin.

Tapahtumat ja varattavat kohteet avaavat uuden näkymän näytä lisää painikkeesta.

Tapahtumat ja varattavat kohteet ovat linkkejä

Toimipistesivu – Testit

Tarkastetaan, että sivulla ylipäätään on välilehdet ja annetaan virhetekstinä selitys valinnalle.

Tapahtuma

Sivulla ei paljoa erityisiä elementtejä.

Katsotaan, että toimipiste-elementti toimii oikein

Tapahtuma - Testit

Kartta

Kartta on piilotettu ruudunlukijoilta ja näppäimistöltä joka meinaa, että kartan merkit pitää olla aria-hidden ja tabindex=”-1”

Kartta – Testit

Tarkastetaan, että kaikilla markkereilla on aria-hidden ja tabindex -1

Tarkastetaan, että ruudunlukijalla päästävällä kartta-elementillä on kuvaava aria teksti

Osoitesivu

Osoitesivu - Testit