Clothes4all.netNettstedet for å lære om teknisk tilgjengelighet

Till Halbach

relaterte løsninger

● MediaLT○ http://www.medialt.no/stabile-testsider/1334.aspx

● Gov.uk○ https://alphagov.github.io/accessibility-tool-audit/test-c

ases.html● W3C

○ https://www.w3.org/WAI/demos/bad/

3

egenskaper

● Et “ekte”, lite nettsted○ Simulerer en nettbutikk for klær○ Sammenhengende sider○ Kan inngå i en brukerutprøving○ Moderne○ Nyere teknologier

(HTML5, Javascript, responsivitet ++)○ Flerspråklighet

4

{

egenskaper, forts.

● Sider med og uten tilgjengelighetsfeil○ Mulighet for enkeltfeil + kombifeil○ Før/etter-sammenligninger○ Telle falske positive og falske negative

● Åpen kildekode + lisens til videreutvikling○ https://github.com/it-vegard/a11y-reference-we

bsite.git

5

}

på Clothes4all kan du lære om ...

● Webteknologi○ HTML, CSS, Javascript, JSON ++

● Rammeverk○ Lære om NodeJS, React, Gatsby ++

● Retningslinjer, anbefalinger○ WCAG, ARIA, WAI, ACT Rules ++

● Verktøy○ Tilgjengelighetssjekkere, validatorer o.l.

6

… og du kan lære om ...

● Hjelpemidler○ Skjermlesere, skjermforstørrelse ++

● Metoder○ Brukertest, eksperttest, maskintest o.l.

● Brukerdiversitet○ Skape empati for personer med funksjonsvariasjon &

nedsatt funksjonsevne● Teknisk tilgjengelighet og universell utforming

7

● Injisere tilgjengelighetsfeil● Se umiddelbar effekt av tilgjengelighetsfeil● Se skjulte effekter av tilgjengelighetsfeil● Validere (semi-)automatiske sjekkere● Trene eksperter● Brukerevalueringer

Clothes4all kan bl.a. brukes for å ..

8

Demo

https://www.clothes4all.net/

9

kampanje

10

regler

11

implementerte regler

1.1.1 Non-text content

1.4.3 Minimum contrast

2.4.1 Bypass blocks

3.1.1 Language of page

3.3.2 Labels or instructions12

andre prosjektforslag

● Kan inngå i Bachelor- og Master-oppgaver○ Nye regler: Hele WCAG 2.0, så 2.1, evt. 2.2○ Forbedrete sider (produktbeskrivelse, kampanje,

handlekurv, m.fl.)○ Nye sider / komponenter (innlogging, beregning av

transportkostnader, søk, m.fl.)○ Flere produkter○ Flere språk

13

kontakt

Till Halbach

Norsk Regnesentral

nr.no

14

Photo by Annie Spratt on Unsplash

annet

Foredrag og møter om universell utforming av IKT:

https://www.meetup.com/Universell-utforming-og-digital-inkludering

15