Käytettävyys ja saavutettavuus

• Nielsenin käytettävyysohjeistusPDF

• Saavutettavuusohjeita:

  • Perusohjeet
  • Värikontrastin tarkistaminen
  • Digipalvelulaki
  • WCAG-kriteerit
  • WCAG 2.1: lain vaatimukset A- ja AA-tason kriteerit
  • ARIA

• Screen reader - ohjelma (vaatii asennusoikeudet)

  • NVDA

---

Harjoitukset:

1. Sivuston käytettävyyden arviointi Nielsenin ohjeistuksen mukaan (parityö)

   • Käykää pareittain läpi viime syksyn PHP-harjoitustyö (mielellään jonkun muun ryhmän tekemä) ja arvioikaa sivuston käytettävyyttä Nilsenin käytettävyysohjeiden perusteella PDF

   • Tehkää yhteenveto havainnoista, positiivisista sekä negatiivisista käyttämällä ThingLink:iä.

     1. Kirjaudu valitsemalla Microsoft-kirjautuminen (käytä koulun edu.tampere.fi-tunnuksia).

     

     1. Ottakaa tutkitusta sivusta ruudunkaappauskuva (snip-toolilla), tuokaa se ThingLink:iin ja liittäkää ongelmalliseen kohtaa uusi tagi. Kerro tagi-tekstissä havaitsemastasi ongelmasta ja mihin Nielsenin sääntöön se liittyy (jotain jokaisesta 10 Nielsenin säännöstä).
     2. Kootkaa havainnot yhteen linkkaamalla erilliset ThingLink-sivut yhteen. Palauttakaa opettajalle linkki työn etusivulle.

2. Saavutettavuus-harjoitus (parityö)

   • Asenna Chrome-selaimeen saavutettavuustestauksessa käytettävä lisäosa AxeDevTools

   • Avaa testattava sivu, avaa Chromen Developer tools (Ctrl-Shift-i), valitse axeDevTools

     

   • Käynnistä Scan ALL of my page ja tutki mitä ongelmia sivustolla on saavutettavuuteen liittyen

     

     

     

   • Kirjaa ThingLink:iin myös nämä havainnot tagien taakse (10 kriittisintä havaintoa eri sivuilta ja miten ne korjattaisiin).

   • Linkatkaan erilliset ThingLink-sivut yhteen ja palauttakaa opettajalle linkki ThingLink-sivustollenne.

---

Lisätehtävä:

Käytettävyystestaus - harjoitus ohje, raportin malli, testilomake malli