1998. • Har arbetat med digital tillgänglighet i olika former i cirka 18 år. • Började föreläsa om tillgänglighet på webben cirka 2003. • Skriver och föreläser idag mycket om etiska frågor inom digital design. Jag gör efterforskningar för att förstå varför så många organisationer tar dåliga beslut och vilka verktyg som kan hjälpa dem att motverka det. • Kallar mig idag ofta för Responsible Innovation Advocate, eller Förespråkare för ansvarsfull innovation. @axbom
fattigvården – till exempel många människor med funktionsnedsättningar – tilläts inte rösta. @axbom https://www.nordiskamuseet.se/artiklar/kort-historik-om-funktionsnedsattning
skulle få rösträtt. Men det var först 1989 som alla svenska medborgare fick rösträtt, då omyndighetsförklaringen avskaffades. Den första antidiskrimineringslagen som gäller personer med funktionsnedsättning kom 1999. Den reglerar rättigheter i arbetslivet, och har följts av lagar på fler områden. Men mänskliga rättigheter är fortfarande ingen självklarhet för många människor. Assistansreformen 1994 med rätt till personlig assistans ökade påtagligt makten över det egna livet för dem som bedömdes ha behov av assistans. Enkelt avhjälpta hinder i allmänna lokaler och på allmänna platser skulle ha varit borta år 2010. Än är det en bra bit kvar innan dessa mål är uppfyllda. @axbom https://www.nordiskamuseet.se/artiklar/kort-historik-om-funktionsnedsattning
komma ut som taltidningar 1810-talet första skrivmaskinerna för punktskrift 1980-talet text-tv 1870-talet telefonen 1910-talet stumfilmer 2000-talet mobiltelefonen eye-tracking 1920-talet radion 2010-talet digitala assistenter 1950-talet den första talboken @axbom 1990-talet webben
är det 18.5 procent av alla svarande som säger att de har problem med lösenord. Bryter vi ner detta i delpopulationer så ser vi att 4 procent av personerna med grav synskada har problem med lösenord medan motsvarande siffra för personer med dyskalkyli är 50 procent. @axbom
the Council of 26 October 2016 on the accessibility of the websites and mobile applications of public sector bodies • 23/9 2019. Nya offentliga webbplatser. • 23/9 2020. Sajter publicerade innan 23/9 2018. • 23/6 2021. Mobilapplikationer. Krav • WCAG 2.1 nivå AA • Standard - EN 301 549 (vid upphandling) • Tillgänglighets-förklaring (Accessibility statement). • Feedback-mekanism. @axbom
Hoppa till rätt ställe, Smarta genvägar Skrolla, fälla ut menyer, tangentbordskont roll, Smarta genvägar Förslag, Redundans (multikanal) Struktur Minimalistiskt Läsa/ konsumera Ljud, Braille, Zoom, Kontrast, Ljudbeskrivningar, info utan fokus Kräv inte stående/ liggande Bilder, Multimedia, Redundans Struktur Radavstånd Bilder, stäng av ljud/video, avskalat, inga överraskningar Förstå Alternativ text, Ljudvarningar, Språkangivelse Genomtänkta popuper/tooltips Stöd för synsvag Skriva/ aktivera/ navigera Ljud, Braille, Zoom, Genvägar Stöd för hörsvag Textremsor, Teckenspråk Synliga varningar Stora klickytor, Inga krångliga gester, aktiv röststyrning, avbryta klick Språkval, Tillräckligt med tid, Tydliga felmeddelanden Språkval Olika sätt att varna. Etiketter Färgval Funka oavsett bredd på skärmen (ner till 320px). @axbom
vy eller användning till enbart stående eller liggande läge, såvida inte en specifik orientering är nödvändig. 1.3.5 Betydelsen av varje inmatningfält som samlar in information om användaren kan adresseras programmatiskt Namn Adress Användarnamn Lösenord Valuta Födelsedag och många fler @axbom
att information eller funktionalitet går förlorad, och utan att det krävs bläddring i två dimensioner för: 320x256 CSS-pixlar 1.4.11 Kontrast för innehåll som inte är text. Den visuella presentationen av följande har ett kontrastförhållande på minst 3:1 gentemot intilliggande färg(er). 1.4.12 Textavstånd. Användare och webbläsare måste själva kunna justera text för att göra den lättare att läsa. Man ska kunna ställa in detta utan att tappa något i sidan: • Radhöjd (radavstånd) till minst 1.5 gånger typsnittets storlek • Avstånd efter textstycken till minst 2 gånger typsnittets storlek • Teckenavstånd till minst 0.12 gånger typsnittets storlek • Ordavstånd till minst 0.16 gånger typsnittets storlek @axbom
och/ eller visas som ett resultat av att användaren antingen håller markören ovanför ett klickbart element (hover), eller tangentbordet används för att markera ett klickbart område (focus), så gäller följande: • Möjlig att avvisa utan att flytta markören. • Synlighet vid hover, markören också förflyttas ovanför det ytterligare innehållet utan att det försvinner. • Beständighet. Förblir synligt till dess att hover eller focus försvinner, användaren avvisar det, eller informationen inte längre är giltig. EXEMPEL @axbom
en tangentbords-genväg har implementerats med endast bokstav (gemen eller versal), siffra eller symboltecken så är minst en av dessa kriterier uppfyllda: • Avstängning. Det finns möjlighet att stänga av genvägen. • Om-mappning. Det finns möjlighet att mappa om genvägen så att den använder en eller flera icke-skrivbara tecken (exempelvis: Ctrl, Alt, och så vidare). • Endast aktiv vid fokus. Genvägen för en komponent är endast aktiv när den komponenten har fokus. EXEMPEL @axbom
använder "flerpunktsgester", eller spårbundna gester, för att kunna styras tillåts också styras med en enskild markör utan spårbundna gester, såvida det inte är väsentligt. 2.5.2 Markör-annulering. För funktionalitet som styrs med en enskild markör (exempel: finger, musmarkör eller röstmarkör) är minst en av följande uppfyllda: • Ingen "ner"-händelse (down-event). Att enbart trycka ner med markören används inte för att aktivera någon del av funktionen. • Avbryt eller ångra. Aktivering av funktionen sker vid "upp"-händelsen (upevent) och det finns då möjlighet att avbryta funktionen innan den slutförs eller ångra funktionen efter att den körts. • Upphävning. "Upp-händelsen" återställer helt "ner-händelsens" effekt. • Nödvändigt. Att aktivera och slutföra funktionen på "ner-händelsen" är helt nördvändigt. @axbom
som inkluderar text, eller bilder av text, måste namnet innehålla samma text som presenteras visuellt. Det innebär till exempel att de som använder röststyrning kan säga namnet på etiketten för att aktivera en knapp. En komponent, som en knapp, kan ha en programmatisk etikett och användare får förstås betydligt lättare att navigera om den etiketten matchar det som faktiskt står på knappen. 2.5.4 Rörelse-aktivering. Funktionalitet som styrs med enhetens rörelser eller användarens rörelser kan också styras med komponenter i gränssnittet; och rörelsestyrning kan inaktiveras för att undvika oavsiktlig aktivering, förutom när: Gränssnittet är specifikt framtaget för en tillgänglighets-funktion. Rörelsen används för att styra funktionalitet genom ett gränssnitt som är skapat för att stödja tillgänglighet. Det är nödvändigt. Rörelsen är nödvändig för funktionen och inaktivering skulle upphäva aktiviteten. @axbom
markupspråk (HTML) kan statusmeddelanden tolkas programmatiskt genom role eller egenskaper, så att de kan presenteras för användaren med hjälp av assisterande teknik utan att få fokus. @axbom
följa regler. • Målet är att ge så många människor som möjligt fördel av din lösning. • WCAG hjälper oss eliminera sådant som står i vägen för att förstå. @axbom
Energikick Hungrig igen Beroende Ansträngning/Ont Förbättrad fysiologi Bättre på jobbet Må bättre, kan köpa nytt Billiga kläder till fattiga Hämmad självförsörjning Tar plats hemma Måste gå till återvinningen Minskat avfall A. Ät choklad B. Träna C. Donera kläder D. Återvinning @axbom
Människor med funktionshinder förtrycks. Mer tillgängligt innehåll i världen Mer människor kan bidra och bli självständiga Fokusera på tillgänglighet @axbom Alla människor gynnas.
Brist på hälsa 3. Brist på kunskap 4. Brist på resiliens (motstå störningar) 5. Brist på tid @axbom https://ethicsunwrapped.utexas.edu/subject-area/behavioral-ethics
egen reflektion 2. Inte uppmuntrar till hälsofrämjande aktiviteter 3. Tar beslut innan man har tillräckligt med information 4. Förväntar sig att man ska följa ledningens beslut även när den riskerar negativ påverkan 5. Inte ger tillräckligt med tid @axbom
egen reflektion 2. Inte uppmuntrar till hälsofrämjande aktiviteter 3. Tar beslut innan man har tillräckligt med information 4. Förväntar sig att man ska följa ledningens beslut även när den riskerar negativ påverkan 5. Inte ger tillräckligt med tid …är skräddarsydda för att generera dåliga beslut. @axbom
name=“gender” value=“male” id=“gender_female”> <label for=“gender_female”>Kvinna</label> <input type=“radio” name=“gender” value=“male” id=“gender_male”> <label for=“gender_male”>Man</label> </fieldset> Kön Kvinna Man Annan Att undvika skadeverkan och bidra till välmående innebär respekt och att acceptera människor som de är, och att stärka deras förmåga att vara den de är. För dig som designer innebär det en vilja att utforska flera vägval för att hitta den som gynnar ett positivt resultat för människorna du påverkar. Inom design finns det alltid många svar på samma fråga. Säkerställ att du ställer rätt fråga. Hållbar Kön (valfritt) Börja skriva för att få förslag. Lägg till så många du önskar. @axbom Personlig Vilket pronomen föredrar du? Hen/henom/hens Vill inte säga Informerad Kön (valfritt) Hon/henne/hennes Börja skriva för att få förslag. Lägg till så många du önskar. Han/honom/hans ? Varför frågar vi?
name=“gender” value=“male” id=“gender_female”> <label for=“gender_female”>Kvinna</label> <input type=“radio” name=“gender” value=“male” id=“gender_male”> <label for=“gender_male”>Man</label> </fieldset> Kön Kvinna Man Annan Att undvika skadeverkan och bidra till välmående innebär respekt och att acceptera människor som de är, och att stärka deras förmåga att vara den de är. För dig som designer innebär det en vilja att utforska flera vägval för att hitta den som gynnar ett positivt resultat för människorna du påverkar. Inom design finns det alltid många svar på samma fråga. Säkerställ att du ställer rätt fråga. Hållbar Kön (valfritt) Börja skriva för att få förslag. Lägg till så många du önskar. @axbom Personlig Vilket pronomen föredrar du? Hen/henom/hens Vill inte säga Informerad Kön (valfritt) Hon/henne/hennes Börja skriva för att få förslag. Lägg till så många du önskar. Han/honom/hans ? Varför frågar vi? …men mest jämlikt blir det om inte ställer frågan alls.
på att bygga för dem. (icke-deltagare) exkluderade Människor du inte vill ska använda lösningen. De kan skada sig eller skada andra. oönskade deltagare inkluderade Människor som använder lösningen ändå, men kan kastas ut närsomhelst. De människor du medvetet bygger för, mäter och lyssnar på. @axbom Människor som använder lösningen ändå, och riskerar sitt eget och andras välmående. En delmängd av de människor du bygger för men som ändå upplever negativ påverkan.
men du inte inser varför vi måste tillgänglighet måste vara en del i allt arbete du gör — såväl ur ett kommunikativt, etiskt som innovativt perspektiv — då misslyckas du med att förstå hur vi alla tjänar på att andra redan insett hur viktigt det är. @axbom
utred: Vad i vår organisation finns det som hindrar att ta alla människor på lika stort allvar? Hur kan vi lyssna bättre på människor som påverkas av våra design-beslut? @axbom
i rummet? Vems röst(er) är det som hörs? Vems röst(er) är det som saknas? Sedan, för varje fråga, undra varför. Blir du den som räcker upp handen och ifrågasätter? @axbom
axbom
keavy
ryanjones
wayneb77
ks91
akademiya2063
jakevdp
reverentgeek
eileencodes
ianozsvald
aleyda
bkeepers
![Per Axbom [email protected] axbom.eu/digitill @axbom @axbom](https://files.speakerdeck.com/presentations/68bd08b82130496b92b4c11e94ef3e46/slide_69.jpg){kind=link}