ESOK-hanke 2006-2011

Rekisteröityminen-käyttötapauksen esteettömyystestaus

Rekisteröityminen-käyttötapauksen esteettömyystestaus

Sisällys

Rekisteröityminen

Käyttötapaus: Rekisteröityminen
Kuvaus Käyttäjä luo tunnuksen Korppi-järjestelmään.
Käyttäjä Opiskelija
Esiehto Käyttäjä on avoimen yliopiston kirjautumissivulla tai Jyväskylän yliopiston kirjautumissivulla.
Tapahtumien kulku
  1. Käyttäjä seuraa rekisteröityä-linkkiä.
  2. Käyttäjälle aukeaa rekisteröitymissivu 1/4.
  3. Käyttäjä syöttää sosiaaliturvatunnuksen kahteen tekstikenttään.
  4. Käyttäjä painaa SEURAAVA >>-painiketta.[SOTU VÄÄRIN]
  5. Käyttäjälle aukeaa rekisteröitymissivu 2/4.
  6. Käyttäjä syöttää sähköpostiosoitteensa tekstikenttään.
  7. Käyttäjä painaa SEURAAVA >>-painiketta.[EMAIL VÄÄRIN]
  8. Käyttäjälle aukeaa rekisteröitymissivu 3/4.
  9. Käyttäjä kirjoittaa etunimen, sukunimen, WWW-sivujen osoitteen sekä opiskelupaikkakunnan tekstikenttiin. Lisäksi käyttäjä valitsee tiedekunnan/laitoksen/oppinaineen ja asema/nimeke yliopistossa pudotusvalikoista.
  10. Käyttäjä painaa SEURAAVA >>-painiketta.[PUUTTEELLISET TIEDOT]
  11. Käyttäjälle aukeaa rekisteröitymissivu 4/4.
  12. Käyttäjä syöttää keksimänsä salasanan kahteen tekstikenttään.
  13. Käyttäjä painaa Rekisteröidy käyttäjäksi-painiketta.[SALASANA VÄÄRIN]
  14. Käyttäjälle aukeaa sivu, jossa kerrotaan luotu käyttäjätunnus, ja ilmoitetaan rekisteröitymisen onnistuneen.
Vaihtoehtoinen kulku
  1. [SOTU VÄÄRIN]
  1. [EMAIL VÄÄRIN]
  1. [PUUTTEELLISET TIEDOT]
  1. [SALASANA VÄÄRIN]
Jälkiehto Käyttäjällä on tunnus ja salasana, joilla onnistuu kirjautuminen Korppi-järjestelmään.
Huomautus

Käyttötapauksen läpikäyminen

Rekisteröityminen aloitettiin sivulta https://testikorppi.avoin.it.jyu.fi/kotka/portal/showLoginOpenUniv.jsp. Rekisteröityminen testataan vain testaamalla "avoimen" testikorpin rekisteröityminen, sillä sen katsotaan kattavan myös "tavallinen" testikorppi.

Käyttötapauksen läpikäyminen on mahdollista, mutta sitä tehdessä, kiinnittyi huomio seuraaviin seikkoihin:

  • Rekisteröitymisen vaiheessa 2 voi ilmaista tarvitsevansa opiskeluunsa tukipalveluja vamman tai sairauden vuoksi. Jos käyttäjä valitsee tämän, häntä pyydetään ottamaan yhteyttä aineen koulutussihteeriin. Tuohon kohtaan voisi laittaa edes jonkun yhteystiedon.

  • Rekisteröitymisen vaihe ei käy ilmi.

Korpin kirjautumissivu : https://testikorppi.avoin.it.jyu.fi/kotka/portal/showLoginOpenUniv.jsp?

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivusto saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Failed:Taulukoiden yhteydessä tulisi käyttää ainakin kahta seuraavista kuvailemaan taulukon sisältöä: title-attribuuttia, summary-attribuuttia ja/tai <caption>-elementtiä. Käyttäjätunnusta ja salasanaa kysyvässä <table>-elementissä ei ollut määritelty mitään edellä mainituista.

    Korjausehdotus: Määrittele kyseiselle taulukolle kaksi seuraavista kuvailemaan taulukon sisältöä: title-attribuutti, summary-attribuutti ja/tai <caption>-elementti. Lisäksi, taulukoita tulisi käyttää vain taulukoitavat tiedon esittämiseen, eikä sivun/sivun osien taittoon. Kyseisen kohdan pystynee tekemään ilman, että sitä muotoillaan taulukon avulla.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 - <table>-elementtiä käytetään ei-taulukoitavan tiedon esittämiseen.

    Korjausehdotus: Muotoile käyttäjätunnuksen jne kyselyt ilman taulukkoa, esim. CSS:n avulla.

  • 2.4.3 - Navigointijärjestys on epälooginen. Kun sivulle menee, on fokus käyttäjätunnus-tekstikentässä. Sen oikealla puolella, välittömässä läheisyydessä, on Oletko rekisteröitynyt käyttäjäksi?-linkki. Kyseiseen linkkiin pääsee kuitenkin esim. tabulaattorilla käsiksi vasta kun on kahlannut kaikki navigointivalikot, kalenterit jne läpi.

    Korjausehdotus: Määrittele tabindex-attribuutti Oletko rekisteröitynyt käyttäjäksi?- ja Unohditko salasanasi?-linkeille.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Rekisteröitymissivu, vaihe 1: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp?return=

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 1 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Rekisteröitymissivu, vaihe 2: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Failed: Taulukoiden yhteydessä tulisi käyttää ainakin kahta seuraavista kuvailemaan taulukon sisältöä: title-attribuuttia, summary-attribuuttia ja/tai <caption>-elementtiä. <table>-elementissä, jossa kaikki tietojen kysely tapahtuu, ei ollut määritelty mitään edellä mainituista.

    Korjausehdotus: Kyseinen taulukko sisältää ei-taulukoitavaa tietoa. Joko poista <table>-elementti sen sisällön ympäriltä, tai määrittele sille kaksi seuraavista kuvailemaan taulukon sisältöä: title-attribuutti, summary-attribuutti ja/tai <caption>-elementti.

  • Failed: Muu, mikä-tekstikentältä puuttu <label>-elementti. Lisäksi id="needhelp"-valintaruudun <label>-elementti on väärin nimetty.

    Korjausehdotus:Esim. checkboxin labeliksi "Muu," ja tekstikentän labeliksi "mikä:". Korjaa id="needhelp"-valintaruudun <label>-elementin for-attribuutin arvo.

  • Warning: Kotikaupungin valintavaihtoehtoja on liikaa.

    Korjausehdotus:Valintavaihtoehtoja voisi ryhmitellä <optgroup> -elementillä pienempiin kokonaisuuksiin.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 - <table>-elementtiä käytetään ei-taulukoitavan tiedon esittämiseen.

    Korjausehdotus: Poista <table>-elementti <input>-elementtien ympäriltä, ja tee tarvittavat muotoilut tyylitiedoston avulla.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 2 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Rekisteröitymissivu, vaihe 3: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Warning: Oppilaitos valintavaihtoehtoja on liikaa.

    Korjausehdotus: Valintavaihtoehtoja voisi ryhmitellä <optgroup> -elementillä pienempiin kokonaisuuksiin.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 3 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Rekisteröitymissivu, vaihe 4: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Failed: Taulukoiden yhteydessä tulisi käyttää ainakin kahta seuraavista kuvailemaan taulukon sisältöä: title-attribuuttia, summary-attribuuttia ja/tai <caption>-elementtiä. Nyt käytössä oli vain <caption>-elementti.

    Korjausehdotus: Taulukot joiden class-attribuutin arvo on "backgroundinfo" sisältävät ei-taulukoitavaa tietoa. Joko poista <table>-elementti kyseisien taulukoiden ympäriltä, tai määrittele niille kaksi seuraavista kuvailemaan taulukon sisältöä: title-attribuutti, summary-attribuutti ja/tai <caption>-elementti.

  • Warning: Yliopisto/korkeakoulu- sekä yliopisto -valintavaihtoehtoja on liikaa.

    Korjausehdotus: Valintavaihtoehtoja voisi ryhmitellä <optgroup> -elementillä pienempiin kokonaisuuksiin.

  • Warning: Sivulla on liikaa (yli 20) näkyviä, ryhmittelemättömiä <input>-elementtiä.

    Korjausehdotus: <input>-elementtejä voisi ryhmitellä <fieldset>-elementeillä pienemmiksi kokonaisuuksiksi.

  • Failed: Sivulla on seitsemän <input>-elementtiä, joilta puuttuu <label>-elementti.

    Korjausehdotus:Tarkista järjestelmällisesti, että jokaista <input>-elementtiä kohtaan on oikein määritelty <label>-elementti. Näyttäisi siltä, että ongelma korjaantuu kun laittaa kyseisille <input>-elementteille myös id-attribuutit.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 - <table>-elementtiä käytetään ei-taulukoitavan tiedon esittämiseen.

    Korjausehdotus: Poista <table>-elementti <input>-elementtien ympäriltä, ja tee tarvittavat muotoilut tyylitiedoston avulla.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 4 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Rekisteröitymissivu, vaihe 5: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Failed: Taulukoiden yhteydessä tulisi käyttää ainakin kahta seuraavista kuvailemaan taulukon sisältöä: title-attribuuttia, summary-attribuuttia ja/tai <caption>-elementtiä. Nyt käytössä oli vain <caption>-elementti.

    Korjausehdotus: Taulukot joiden class-attribuutin arvo on "backgroundinfo" sisältävät ei-taulukoitavaa tietoa. Joko poista <table>-elementti kyseisien taulukoiden ympäriltä, tai määrittele niille kaksi seuraavista kuvailemaan taulukon sisältöä: title-attribuutti, summary-attribuutti ja/tai <caption>-elementti.

  • Warning: Yliopisto/korkeakoulu- sekä yliopisto -valintavaihtoehtoja on liikaa.

    Korjausehdotus: Valintavaihtoehtoja voisi ryhmitellä <optgroup> -elementillä pienempiin kokonaisuuksiin.

  • Warning: Sivulla on liikaa (yli 20) näkyviä, ryhmittelemättömiä <input>-elementtiä.

    Korjausehdotus: <input>-elementtejä voisi ryhmitellä <fieldset>-elementeillä pienemmiksi kokonaisuuksiksi.

  • Failed: Sivulla on seitsemän <input>-elementtiä, joilta puuttuu <label>-elementti.

    Korjausehdotus:Tarkista järjestelmällisesti, että jokaista <input>-elementtiä kohtaan on oikein määritelty <label>-elementti. Näyttäisi siltä, että ongelma korjaantuu kun laittaa kyseisille <input>-elementteille myös id-attribuutit.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 - <table>-elementtiä käytetään ei-taulukoitavan tiedon esittämiseen.

    Korjausehdotus: Poista <table>-elementti <input>-elementtien ympäriltä, ja tee tarvittavat muotoilut tyylitiedoston avulla.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 5 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

  • 2.4.6 - Sivulla on yksi turha tason 3 otsikko.

    Korjausehdotus: Poista rivi: <h3>Muut tiedot<h3>.

Rekisteröitymissivu, vaihe 6: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Korjausehdotukset perustuen WCAG 1.0 suositukseen

Korjausehdotukset perustuvat Foxabilityn antamaan tulokseen.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 1 / A.

Ei sivun sisältöön kohdistuvia huomautuksia.

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 1.0 tason 2 / AA.

  • Failed: Taulukoiden yhteydessä tulisi käyttää ainakin kahta seuraavista kuvailemaan taulukon sisältöä: title-attribuuttia, summary-attribuuttia ja/tai <caption>-elementtiä. <table>-elementissä, jossa salasanan kysely tapahtuu, ei ollut määritelty mitään edellä mainituista.

    Korjausehdotus: Kyseinen taulukko sisältää ei-taulukoitavaa tietoa. Joko poista <table>-elementti sen sisällön ympäriltä, tai määrittele sille kaksi seuraavista kuvailemaan taulukon sisältöä: title-attribuutti, summary-attribuutti ja/tai <caption>-elementti.

Korjausehdotukset perustuen WCAG 2.0 suositukseen

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 1 / A.

  • 1.3.1 - <table>-elementtiä käytetään ei-taulukoitavan tiedon esittämiseen.

    Korjausehdotus: Poista <table>-elementti <input>-elementtien ympäriltä, ja tee tarvittavat muotoilut tyylitiedoston avulla.

  • 1.3.1 ja 1.4.1 - Rekisteröitymisen etenemistä vaiheittain kuvataan värittämällä vaiheen numeron tausta, sekä merkkaamalla kyseinen numero tyylitiedoston avulla boldilla. Käyttäen selaimia, jotka eivät käytä tyylitiedostoja tai värejä, rekisteröitymisen vaihe ei käy ilmi mitenkään.

    Korjausehdotus: Muuta boldaus tehdyksi esim. <strong>-elementillä. Ilmaise rekisteröitymisen vaihetta esim. 1 2 [3] 4 5 6.

  • 2.4.2 - Sivun otsikko, ts. <title>-elementin sisältö, ei kuvaa sivua lainkaan.

    Korjausehdotus: Otsikko voisi olla vaikkapa "Rekisteröityminen, vaihe 6 - Korppi".

Toteuttamalla seuraavat korjausehdotukset, sivu saavuttaa WCAG 2.0 tason 2 / AA.

Ei sivun sisältöön kohdistuvia huomautuksia.

Rekisteröityminen suoritettu: https://testikorppi.avoin.it.jyu.fi/kotka/portal/addOuUser/step1.jsp

Tämä sivu on oleellisesti sama kuin aikaisemmin testattu sivu, Korpin kirjautumissivu, joten tätä ei testata uudestaan. Sivun ainut ero on se, että sille tulostetaan juuri luotu käyttäjätunnus.

Tunnuksen eteen voisi laittaa esim. "Tunnuksesi"-otsikon, tai merkata tunnuksen <strong>-elementillä niin tuo käyttäjän kannalta tärkein yksittäinen tiedonmurun olisi paremmin saavutettavissa myös apuvälineitä käytettäessä.