tillbaka till startsidan

10. Tillgänglighet

Lyssna på Spotify lyssna! Lyssna på iTunes

Veckans avsnitt börjar starkt med ett riktigt kvalitetsskämt från Therése innan vi snabbt slänger oss in i dagens ämne, tillgänglighet. Vi snackar om aria-taggar och semantisk HTML, att råka koppla upp skärmläsaren till ljudsystemet samt olika verktyg för att förenkla arbetet med tillgänglighet. Dessutom gör vi vårt absolut bästa för att inte nämna några gamla kunder vid namn och pratar en del om hur det var att “testa på” hur det känns att vara blind.

Om du gillar podden blir vi väldigt glada för en liten recension i iTunes eller en prenumeration på Spotify. Följ oss och säg hej på @asdfpodden på Instagram eller Twitter (Anton, Therése) <3

Länkar

Avsnittets skämt:

Hur får en sina barn att bli intresserad av programmering?
Genom att cURLa dem.
Skrapa här!!
Transkribering
Transkriberingen är gjord av nån "AI-grej". Du kan förbättra den genom att klicka precis här :)
00:00:00
Varför skrattar jag redan?
00:00:02
Jag vet inte.
00:00:04
Du vet dåligt det kommer vara.
00:00:06
Ja, jag tror det.
00:00:08
Hur får ens barn att bli intresserade av programmering?
00:00:10
Jag vet inte.
00:00:12
Curlar dem.
00:00:14
Det där var ju bra!
00:00:16
Det var en skitbra skämt!
00:00:18
Jag kom på det själv också.
00:00:20
Det var en jävla kanonskämt ju!
00:00:22
Det var inte så.
00:00:24
Jo!
00:00:26
Det här var bästa skämtet hittills i podden.
00:00:28
- Vadå, förra avsnittets skämt var ju bra. - Jag kommer inte ihåg vilket det var ens.
00:00:33
- Det var ju med ormfobi. - Ja, just det. Det var också bra.
00:00:37
Ja, men det här var ju ett kvalitetsskämt.
00:00:42
Det här är ett skämt folk kommer att snu.
00:00:47
- Det känns ju som att nån borde ha tänkt på det förut.
00:00:52
- Nån borde ha tänkt på det förut. Och det är ju också en hyfsat nischad målgrupp.
00:00:57
Ja.
00:00:58
Ändå.
00:00:59
Jag tänker att curl inte är lika populärt längre som det har varit förut.
00:01:03
Även om det används av varenda data i världen.
00:01:06
Ja, men inte alla postman.
00:01:08
Ja, men exakt. Folk vill ha GUIs och grejer.
00:01:11
Jag vet inte, postman kör väl säkert curl under The Hood, antar jag.
00:01:14
Säkert.
00:01:15
Det skulle inte förvåna mig.
00:01:17
Fan, vilket bra skämt.
00:01:19
Okej.
00:01:22
Det här är vad jag bidrar med till podden.
00:01:25
Nej, det är skämten. Det är det jag verkligen engagerar mig i.
00:01:29
Men ja, okej. Du sa att jag har fått äran att välja ämne.
00:01:36
Och jag tänkte att vi idag i det här avsnittet, för det första, välkomna till avsnittet allihopa.
00:01:43
Jag tror det är avsnitt 10.
00:01:44
Mot svårt.
00:01:45
Och eftersom jag har stenderat de senaste dagarna med att använda voice over
00:01:52
och göra människan lite galen med det.
00:01:54
Så jag tänkte att vi kanske skulle kunna prata lite om accessibility då.
00:01:57
Web accessibility.
00:01:59
Kul!
00:02:01
Och kul på riktigt, för jag tycker faktiskt att det är ganska kul.
00:02:04
Jag började jobba med det på mitt första jobb.
00:02:08
Det här tänkte jag inte sno om du har någon planerad intro här.
00:02:11
Men det roliga är då att då hade vi en som var nästan
00:02:15
en "assigned" accessibility-expert i teamet.
00:02:17
Han var inte accessibility-expert överhuvudtaget.
00:02:19
Han var bara en frontändare som fick den pucken.
00:02:21
typiskt dåligt sätt att göra det på. Han satt också, det var en lång setup för det här, men vi satt på virtuella maskiner som låg på fysiska burkar.
00:02:33
De fysiska burkarna låg bredvid oss, men vi körde ändå in på de virtuella av någon jävla anledning.
00:02:38
Och där gick det inte att köra det voice-over-programmet vi körde.
00:02:42
Sam var tvungen att gå in på en av de här fysiska burkarna som inte var en utvecklingsmaskin egentligen för att testa.
00:02:49
Och så hade hon inga hörlurar.
00:02:52
Så man hörde från hans data hela tiden bara "tab, tab, tab, tab, tab".
00:02:57
Och då satt hon och tabbade och så läste hon upp.
00:02:58
Han klickade på knappen av någon anledning, jag vet inte varför.
00:03:00
Så att man kunde gå en hel dag och höra bara "tab, tab, tab, tab"
00:03:06
och sedan läste man upp lite bland annat emellan.
00:03:08
Men den ska ju läsa upp.
00:03:10
Men ska den verkligen läsa upp att man klickar på "tab"?
00:03:12
Nej, alltså det är ju olika screenreaders, men den ska ju ändå läsa upp av viss typ av link.
00:03:18
Ja, exakt. Sådana grejer läste ni också upp.
00:03:21
Men tydligen hade han en inställning i sig att läsa upp vilken knapp på tangentbordet han klickade på.
00:03:26
Och så klickade han väldigt snabbt på tab, för han skulle inte nån specifik del.
00:03:30
Så han spammade i var tab, så den enda den läste upp var tab, tab, tab, tab, tab, tab.
00:03:34
Och så hette man det så här, också utan hörlurar.
00:03:38
Och så satt alla i ett landskap.
00:03:40
Alla bara tittade upp och bara...
00:03:42
...kopplade in sina egna hörlurar och försökte dränka ljudet.
00:03:46
Men det där har jag också gjort.
00:03:48
Fast det var ett misstag från min sida.
00:03:50
Vi körde fredagsmusik och så råkade det vara jag som var uppkopplat till soundbaren den fredagen.
00:03:58
Så tänkte inte jag på det.
00:04:00
Sen började jag köra boyshorts.
00:04:02
Visste du, Link, Train, Train, Train.
00:04:04
Alla bara "Vad fan är det som händer?"
00:04:06
Jag bara "Det var min, ja, just det."
00:04:08
Jag tycker jag älskar ju såna här stories.
00:04:12
När det går fel, fast på ett bra sätt.
00:04:14
Fast på ett bra sätt.
00:04:15
Ja, så farligt var det inte.
00:04:17
Nej, jag vet inte. Vi kanske ska förklara vad accessibility är också, Insåga.
00:04:21
Ja, webbaccessibility är ju en standard för hur man ska kunna använda,
00:04:29
men också överlag, digitala devices, datorer, mobiler och sånt.
00:04:33
Men också specifikt då kanske i vårt fall hemsidor,
00:04:36
om man har någon typ av funktionsnedsättning,
00:04:40
Synfel, mycket att du inte kan använda mus.
00:04:44
Och det kan ju vara att du inte ser alls eller att du har färgglindhet så du behöver bra kontraster.
00:04:52
Tunnelseende, det kan vara att du inte kan använda mus för att skaka.
00:04:57
Alltså sådana saker. Och att en webb ska vara tillgänglig för alla.
00:05:02
Ja, för det är väldigt lätt, och det vet jag att jag gjorde i början också, att tänka att accessabilitet är för blinda.
00:05:07
Vilket inte riktigt är sant.
00:05:11
Det är lätt att tänka sig det när man tänker.
00:05:17
Vad är det som gör att det är svårt att använda en dator eller läsa på en hemsida?
00:05:21
Är man blind då är det ju kört, tänker ju många.
00:05:23
Men det är inte riktigt så.
00:05:25
Jag tänker att ett känt exempel på verktyg för att göra det är tv voiceover på iPhone.
00:05:29
Som man kanske råkar slå på någon gång eller blir prankad och slår på.
00:05:35
För det är sånt som händer när den börjar läsa upp allting som är på skärmen,
00:05:39
eller vart man klickar, eller att den loopar igenom dem och läser tills man klickar.
00:05:43
Det är väldigt lättast att tänka för att det är väl de verktygen,
00:05:54
alltså screen readers, VoiceOver är ju Apples screen reader,
00:05:58
Men det är de verktyg vi som utvecklare har haft mest tillgängliga för att testa det här.
00:06:05
Sen ser du audits av olika slag.
00:06:08
Lighthouse har en egen accessibility audit som man kan köra för att se,
00:06:12
men det har fortfarande de här manuella stegen som du behöver gå igenom själv
00:06:15
för att den kan inte säkerställa att du har en bra tab order på sidan och sådana saker.
00:06:21
Men jag tror att screen readers är det som varit rimligast för att förstå
00:06:25
"Okej, det här är en sak folk använder och den här kan vi testa med."
00:06:29
Det är lite svårare att testa andra saker som man absolut inte tänker på.
00:06:37
Ja, exakt. Det här är ett litet sidospår, inte spår, det blir inte så långt.
00:06:43
Men innan jag glömmer bort det, såg jag en video på Twitter häromdagen
00:06:47
Jag såg en plan på en blind kvinna som skrev på ett blindskriftstajentbord på iPhonen.
00:06:55
Och skrev så brutalt snabbt.
00:06:58
Alltså det var helt sinnessjukt fort.
00:07:01
Om jag hittar den länken så lägger jag den i beskrivningen till avsnittet.
00:07:05
För det var oerhört coolt att se.
00:07:08
Jag hade inte tänkt på att de körde egna tajentbord på det sättet som hon gjorde.
00:07:15
När jag har kört VoiceOver så är det att jag har kört det vanliga tajmbordet.
00:07:20
Och det funkar ju, för den läser upp vilken knapp man klickar på, så klickar man igen så skriver den det.
00:07:25
Men här var det verkligen anpassat för att hon skulle kunna skriva på det sättet som hon är van med.
00:07:32
Fast på iPhonen.
00:07:34
- Det är häftigt. - Ja, det var jävligt coolt.
00:07:36
Det är också, man har ju sett några sådana här bloggposter och sådana grejer från programmerare som är blinda.
00:07:44
Och det är så kul för deras arbetsstation är verkligen ett tangentbord.
00:07:48
Men det går ändå också i en sådär hejdundrande fart.
00:07:52
Jag vet också att jag gick någon sådär Udemy intro till accessibility när jag började titta på den en gång i tiden.
00:08:01
när jag satt på, ja, för statlig tv som ska vara tillgänglig för alla.
00:08:12
Där det är väldigt höga krav på det, för att det ska vara för alla.
00:08:16
Det är inte ett privata bolag som väljer sina användare, utan alla ska kunna göra.
00:08:22
Men i alla fall i den här tutorialen så förklarar den att hastigheten han har på sin screenreader,
00:08:29
Jag har typ 50% "visit it link button"
00:08:33
men den här var såhär "visit it link button"
00:08:35
och de är så tränare på det
00:08:39
så de uppfattar vad som sägs.
00:08:41
Jag förstod ingenting verkligen.
00:08:43
- Det är samma sak. Jag är så sjukt imponerad
00:08:45
av just blinda programmerare.
00:08:47
Det är ju sinnessjukt.
00:08:49
För att, jag vet att Visual Studio, vanliga Visual Studio
00:08:52
eller hur man ska säga, den stora idén
00:08:54
Den har jättebra stöd för att köra screen readers eller skärmläsare ovanpå.
00:09:01
Jag tror det var nån reklamvideo från Microsoft, men ändå lika imponerande att
00:09:07
den hastigheten som man läste koden med.
00:09:10
Alltså jag bara "Va?"
00:09:12
Jag kunde inte säga ett ord.
00:09:16
Det gick så jävla fort.
00:09:18
Och sen att man håller i huvudet.
00:09:19
Det är sinnessjukt.
00:09:22
Ja, det är ett arbetsminne som heter dugare.
00:09:25
Så att ja, sen är det ju som du säger att
00:09:28
det är väldigt mycket som inte är blinda, liksom, som är.
00:09:32
Utan det är mer att okej, vi vill ha rätt kontrast
00:09:35
för att det ska hjälpa till. Om man inte är helt blind, att man ska liksom ha
00:09:38
bra färger, du ska ha
00:09:42
kanske ikoner också istället för bara indikera saker med färg. Alltså typ att
00:09:46
en grön knapp, kanske inte en grön knapp för alla.
00:09:50
en klickyta som är rimlig eller en tab order som funkar
00:09:54
eller när saker hoppar på sidan så ska tabben också hoppa
00:09:57
och sådana saker.
00:09:58
Men det är ett ganska intressant ämne för
00:10:02
jag såg ett snack på Nordic EAS också
00:10:05
som vi kommer att behöva rota fram för jag kommer varken ihåg
00:10:09
vad föreläsaren hetade eller vilket år det var
00:10:11
men det hette tror jag
00:10:13
"You are only supposed to blow the bloody doors off"
00:10:16
för då pratade honom
00:10:20
Det var en referens till någon som skulle spränga av dörrarna på en skåpbil
00:10:26
och sen sprängde hela skåpbilen.
00:10:28
Det var en metafor för accessibilitet.
00:10:32
När man först lär sig om ämnet så lär man sig mycket om ARIA-taggar
00:10:37
och vad du kan göra för det här.
00:10:39
Då blir det helt plötsligt så att du lägger ARIA på precis allting.
00:10:42
Då ska du modda precis allting.
00:10:44
Du kör tabindex moddat på varenda element du kan hitta.
00:10:48
Och då blir det väldigt mycket så här att grunden i webbaccessibility är ju mycket håll en bra html-struktur och tydlighet.
00:10:59
Ha allt på dina images, ha förklarande, rimliga texter på saker och lämna inte saker utan...
00:11:10
Man använder det som att om du har en logga som en länk, döp den till home och inte bara ingenting.
00:11:17
Sådana saker, väldigt små och tydliga, men saker som är bra för allt.
00:11:21
Accessibility, din egna prestanda, SEO, sådana saker.
00:11:26
Så det behöver ju inte vara en hel vetenskap.
00:11:31
Nej, verkligen. Det är ju en insikt jag fick när man började jobba med det på riktigt mer
00:11:36
än när man hade läst om det innan. För då är det precis som du säger,
00:11:39
att googlar man "accessibility" och typ "HTML"
00:11:43
Då får du upp att du kan lägga på lite ARIA-taggar som hjälper skärmläsare att läsa upp rätt grejer och bla bla bla.
00:11:50
Men i verkligheten handlar det ju till 95% om att skriva semantisk HTML.
00:11:55
För gör man det, skärmläsarna förväntar sig semantisk HTML.
00:12:01
Så är det semantiskt, då kommer de hitta områdena på sidan.
00:12:04
De kommer hitta en nav-tagg till exempel och veta att det är en meny.
00:12:07
Det kanske finns en main-tagg och vet att det är huvudinnehållet.
00:12:10
Det kanske finns section och article och alla taggarna som finns i åtgärderna.
00:12:16
Och alla de används av skärmlösare för att faktiskt läsa upp saker.
00:12:19
Ja.
00:12:20
Och också den här att man ska försöka att inte strössla extra mycket element bara för att man kan det.
00:12:26
Jag tror min första jag satt på en sida var programtittlar som visades i en lista.
00:12:38
Första gången på screenreadern så fanns det ett program som hette Tåget.
00:12:44
Då gick jag till första elementen och då har man sagt "Tåget, tåget, tåget"
00:12:49
och sen har man sagt "list, tåget, tåget" och då har man bara "oj, okej"
00:12:54
Det här är så otroligt repetitivt och tjatigt.
00:12:57
Där har man försökt att om jag säjfar och sätter det här på allting som går
00:13:05
och sätta det på så blir det bra.
00:13:07
Men det blir det ju inte.
00:13:09
Det blir sjukt enerverande snarare.
00:13:11
Ja, exakt.
00:13:13
Ibland behöver man ju
00:13:15
sträcka sig efter
00:13:17
aria-taggarna.
00:13:19
Men det känns inte ytterst.
00:13:21
Om du bygger någon JavaScript-grej som är interaktiv
00:13:23
kanske då kan du behöva säga
00:13:25
att den här beskrivs av den här
00:13:27
taggen eller liknande.
00:13:29
Men som sagt, jag byggde
00:13:31
ändå väldigt mycket accessabilitet-grejer
00:13:33
på en stor hemsida, också halvstatlig, så att säga.
00:13:39
Inte heller så svårisat.
00:13:41
Och där var det väldigt sällan vi sträckte oss efter ARIA-taggarna.
00:13:45
Vi gjorde några specialgrejer, typ det fanns en sökfält
00:13:48
som det kom ut liksom auto complete-förslag.
00:13:52
Och där fick man göra lite specialgrejer med ARIA-taggar
00:13:55
som sa typ att den här är live eller aktiv
00:13:58
och att det finns en droppdannad grej som visar sig nu.
00:14:01
Men sen var det liksom inte så mycket mer.
00:14:04
Nej, det kan vara lite så.
00:14:06
Alltså för någonting som, det är också så här när man börjar bråka med tab order,
00:14:10
då öppnar man ju ett hål neråt.
00:14:13
Där kan vi verkligen sätta sig i problem.
00:14:16
Men nu har vi väldigt få så här saker.
00:14:17
Om jag trycker på den här knappen så öppnas det här.
00:14:20
Och då vill vi flytta tab-ordret egentligen.
00:14:25
För att det ska märkas svenskt värt att befinna dig.
00:14:27
Alltså sådana saker är ju värt att lägga på.
00:14:29
Sen är det vissa små saker som man inte tänker på.
00:14:32
Jag hittade häromdagen till exempel att jag tryckte på en knapp med en voice over och ingenting hände.
00:14:39
För att vi bara lagt in en hover, tror jag. Sådana grejer också.
00:14:46
Ja, exakt.
00:14:47
Ja, för typ som sagt, taborder känner jag också igen mig i.
00:14:51
För det var ett problem vi hade.
00:14:53
Att det var svårt att komma till huvudinnehållet.
00:14:57
Och det här kan man ju testa själv på den här hemsidan som säljer alkohol.
00:15:01
Utan att säga vad jag har varit innan.
00:15:04
Så om man går in där och så klickar man tab, då kommer man till en hemlig meny.
00:15:11
Som är tillgänglig just för skärmlösare.
00:15:15
Där man då kan, jag tror det är tre val eller två val eller något.
00:15:18
Hoppa till meny, hoppa till huvudinnehåll, hoppa till sökresultat om det är på sökresultat-sidan tror jag.
00:15:23
Och sen finns det säkert någon mer.
00:15:25
Men det är bara för att man ska slippa tabba igenom allting.
00:15:28
Och det är ju, när någon sa att vi skulle göra så här,
00:15:32
vi bara "fan vad smart".
00:15:34
Ja, det är väl ett problem till exempel när man sitter med voiceover,
00:15:37
för det är en så otroligt bra screenreader.
00:15:40
För den är ju så här, dra upp menyn, här är det alla länkar,
00:15:42
här är det alla headings, hoppa bak i den här sektionen.
00:15:45
Den fascinerar mig lite, alltså det jag har mest problem med
00:15:49
det är voiceover på mobil och det här hjulet.
00:15:52
Jag får inte till och med skätserna snurra tillräckligt mycket för att komma till mig.
00:15:58
Men det är en riktigt bra screen reader och alla är ju inte heller riktigt så bra.
00:16:04
Sen så har vi ni som du beskriver, ni är ju super.
00:16:07
Precis, för vi kör det mycket. Det finns ju någon som är känd, som jag inte kan komma ihåg vad den heter, som är jättepopulär.
00:16:12
Som kostar typ 20 000 för en licens.
00:16:16
Man kan tydligen få rabatt via, nu hittar jag på något, men typ Synskalets riksförbund kanske det heter.
00:16:24
Älskar när vi bara skamsar.
00:16:28
Jag killisar väldigt mycket på det sättet.
00:16:31
Något sånt, de ger rabatt, men vi borde kanske ha en sån sen.
00:16:39
Så det var prat om att vi skulle köpa in en och sen hamnade vi mellan stolarna.
00:16:42
Vi körde någon som var open source istället, som hette typ VNDA.
00:16:47
Fast inte VNDA, utan helt något annat. Jag lägger en länk i beskrivningen till den riktiga.
00:16:50
När jag väl har googlat fram vad den heter.
00:16:53
Men, och den funkade ändå bra, men det var vissa grejer som var så här,
00:17:00
den här skiljer sig lite grann mot den här riktiga som de flesta använder.
00:17:05
Och då blir det så här, ah, Gud vad irriterande.
00:17:07
Så vi körde också så här, antingen körde vi den på datorn,
00:17:10
körde vi den på open source, och på mobilen körde vi voice over.
00:17:14
Men man kan ju tycka ändå att det borde finnas något bättre som är gratis.
00:17:22
Ja, för det finns ju vissa som är gratis.
00:17:25
Och de är ju lite sisådär.
00:17:28
För skillnaden är ju ganska enorm också på vad du kan göra med en sån sak som voice over.
00:17:32
Eller, nu kommer jag inte ihåg vad Androids heter.
00:17:35
Jag fick faktiskt delta på en workshop där några från Byrån Funka som konsultare där
00:17:47
höll en workshop om hur du använder accessibilityverktygen på dina mobiler.
00:17:53
Då fick man testa både Apple och Android.
00:17:56
Vad fint att jag, iOS och Android kanske så ser jag för lite tydlighet.
00:18:03
Och att det är så mycket gester på det.
00:18:06
Att för Android var det "du ska göra L" och sådär grejer.
00:18:11
Och jag fick ingenting att funka.
00:18:12
Men det var så himla nyttigt att få prova det.
00:18:14
Jag tror att vid något tillfälle att jag lyckades försätta min iPhone i ett state.
00:18:17
Så till och med konsulten blev såhär "det här har jag aldrig varit med om förut, du får nog starta om den".
00:18:23
Ja, det är ju sjukt.
00:18:25
Jag googlade nu, Nvidia heter den som är open source.
00:18:28
Som ändå, alltså den funkar det ju.
00:18:30
Men jag kände när jag satt där att om jag tycker det är frustrerande, som ser samtidigt, så måste fler tycka det är frustrerande.
00:18:38
Och sen fanns det dock väldigt många fler skärmläsare.
00:18:42
Och det är så klart att det finns. Men jag hittade en Wikipedia-lista och det var 20-30 stycken listor där.
00:18:47
Men den andra som jag tänkte på heter också "Jås".
00:18:51
Som filmen.
00:18:53
Jaha, okej. "Hajfilmen".
00:18:55
Exakt.
00:18:57
Jås.
00:18:59
Så den var den som var populärast då, det var ju några år sedan, när jag höll på med det.
00:19:06
Men ja, jag tycker det är spännande.
00:19:10
Ja, alltså det blir mycket...
00:19:13
Ibland när man sitter och screenreaderar så blir det ju också nästan dumt att man kollar på det samtidigt tror jag.
00:19:21
För att det blir... Ibland brukar jag faktiskt sitta och blunda lite för att se om det känns naturligt att göra.
00:19:26
Jag hade till exempel, det är superirriterande på sidan jag satt mig nu som jag jobbar med,
00:19:30
att du går höger istället för neråt för att röra dig på content på sidan.
00:19:38
Så länge det är konsekvent kanske det är okej.
00:19:43
Men det störde mig ju ganska mycket när jag tittade på det samtidigt.
00:19:47
Det är väl kanske så naturligt, jag vet inte.
00:19:51
Jag har inte tänkt på det heller faktiskt tror jag.
00:19:55
Jag undrar om det är en grej jag kommer att tänka på nu, när du sa att du hade varit på Hårdkroppen.
00:20:03
Jag var på en utställning i Stockholm för två år sedan, jag vet inte om den finns kvar, som hette Osynlig utställning.
00:20:11
Ja, den har också varit kvar.
00:20:13
Och det var så jävla coolt. Det är en utställning där man ska få känna på hur det är att vara blind, typ.
00:20:20
Om man ska beskriva det på något sätt.
00:20:22
Och när jag var där så började det med att först fick man lära sig lite blindskrift.
00:20:28
Och även skriva blindskrift på någon speciell skrivmaskin.
00:20:34
Ja, det fick jag med. Jag stavade mitt namn fel.
00:20:36
Det är bra jobbat.
00:20:40
Det var en skrivmaskin som tryckte ut...
00:20:46
Det är punktskrift.
00:20:48
- Det heter punktskrift. - Det heter nog punktskrift och inte blindskrift som jag har sagt hela tiden faktiskt.
00:20:53
- Ja, för det är punkter. - Precis.
00:20:55
Men den tryckte ju liksom ut det på ett papper mer än att den
00:20:58
skrev det bara.
00:21:00
- Jaja. - Alltså det blir ju så att man kan känna.
00:21:02
- Ja, som punktskrift är. - Exakt.
00:21:05
Men sen var det ju också att man fick gå igenom
00:21:09
några olika scenarion
00:21:11
i rum som var
00:21:13
kolsvarta.
00:21:14
Alltså jag har nog aldrig varit i ett rum som var som mörksten.
00:21:17
Nej, det är så spännande, för om jag blundar,
00:21:20
fast det är fortfarande ingen ljus och grejer,
00:21:22
här var det, man stirrade och man såg ingenting.
00:21:26
Nej, det var helt sjukt faktiskt.
00:21:28
Ja.
00:21:29
Det var ruskigt, ruskigt bra.
00:21:30
För det måste ju vara, jag antar att det är också så här,
00:21:33
typ att, då måste jag ha lagt på något typ,
00:21:35
det måste ju vara mörkt material där inne också.
00:21:38
Alltså på väggar och sånt, antar jag.
00:21:40
För att det var helt sjukt hur mörkt det var.
00:21:42
Ja, det gick verkligen inte att se en enda strimma av någonting.
00:21:47
Nej.
00:21:48
Man tänker ju också så här, man vänjer sig ju.
00:21:50
Man ser ju bättre i mörkter efter ett tag.
00:21:52
Ja, inte det.
00:21:53
Nej, det var kolsvart hela tiden.
00:21:55
Ja.
00:21:56
Och sen var det lite olika scenarion. Jag kommer ihåg att man gick över ett övergångsställ till exempel.
00:22:00
Ja, den kommer jag ihåg jättetydligt.
00:22:02
Ja, jag med.
00:22:03
För det var så här att guiden, och guiden själv då var ju blind liksom.
00:22:06
Ja, det var också väldigt, väldigt häftigt.
00:22:08
Håll dig i den här lyxdolpen så kommer jag hämta dig snart.
00:22:11
Och hej!
00:22:12
Och så var det så bra gjort för det var ju ljud.
00:22:14
Alltså ljudbilden runt omkring var ju som att det kom bilar och åkte och sådär.
00:22:18
Ja, det var ruskigt coolt.
00:22:20
Man var på en museum också, tror jag.
00:22:22
Ja, och det var ju en lägenhet också, vill jag minnas.
00:22:25
Ja, det kan säkert stämma.
00:22:26
Men sen slutade man med en bar.
00:22:28
Ja.
00:22:29
Det var nice.
00:22:30
För då kunde man köpa en bärs.
00:22:32
Och det var också en ganska speciell känsla.
00:22:35
Att sitta på en bar med, ja men jag var där med lite kompisar.
00:22:39
Och så satt vi där, pratade, drack öl och såg ingenting.
00:22:43
Och bara där så här, jag ska betala.
00:22:47
Och sen guiden typ, här är min hand och så la hon sin hand på min och så bara
00:22:53
för den hit och så bara, okej nu betalar.
00:22:55
Och man bara, okej bra.
00:22:57
Det var en ruskigt bra utställning.
00:23:00
Jag fick faktiskt gå med kunden jag satt på.
00:23:04
Som ingen kan komma på det.
00:23:08
Jag är jätteglad att jag fick den möjligheten.
00:23:11
För det var någonting som jag ville gå på, men jag är själv ganska dålig på att ta initiativ och gå på det här.
00:23:18
Så jag var nästan löjligt glad att jag fick följa med.
00:23:21
För jag tyckte det var skitbra.
00:23:25
Jag googlade nu och det står permanent stängd.
00:23:30
Så tyvärr finns den inte kvar, men nu har ni upplevt den vid oss istället.
00:23:34
Vår fantastiska återberättelse om upplevelsen.
00:23:38
Det finns ju ett till ställe som är, inte samma koncept att det är en utställning,
00:23:44
men det finns ju den här restaurangen.
00:23:45
Där du äter i mörkret?
00:23:47
Där man äter i kolsvart, och det ska också vara lika svart.
00:23:49
Och där personalen då är blinda.
00:23:52
Jag har inte varit där, men jag tänkte att jag ska ta mig dit någon gång.
00:23:55
Jag vet inte, det kanske också har stängt nu bara för att jag nämner det här,
00:23:58
men jag jinxade totalt.
00:24:00
Men det känns också som en ganska cool grej att göra,
00:24:03
att äta i mörker.
00:24:06
Men också väldigt svårt att säga "jag vet inte vad jag gör".
00:24:11
Jag kommer ju typ att hugga mig i benet med en kniv och misstag.
00:24:15
Ja, men det är sjukt hur utelämnad man faktiskt blir
00:24:20
när man tänker "det här är lugnt".
00:24:22
Man har ju ingen avståndsbedömning överhuvudtaget.
00:24:26
Man kanske börjar mata sig själv långt åt vänster.
00:24:30
Jag vet inte hur.
00:24:31
Efter utställningen kände jag mig så jävla tacksam.
00:24:35
Och lite så här kanske, inte tacksamhetsskuld, men lite så här
00:24:39
Fan vad jag tycker synd om folk som är blinda,
00:24:42
även om blinda såklart lever ett bra liv ändå.
00:24:44
Men liksom jag bara så här, fan vad, jag vet inte.
00:24:47
Jag mådde liksom dåligt efteråt.
00:24:49
Ja, det gjorde inte jag på det sättet.
00:24:52
Alltså typ synd, det blir en så här, tycker man verkligen synd om.
00:24:58
Jag tycker det är häftigt och att det är annorlunda på så många sätt som jag inte har tänkt på.
00:25:04
Och en sån här tydlig tydlighet i att, typ som webben som jag tar för givet, som jag kan besöka och tycker är lätt att besöka.
00:25:12
Hur vi faktiskt borde engagera oss, anstränga oss för att alla ska ha en behaglig visstelse på internet för att kunna ta del av information och boka saker.
00:25:23
Det är så lätt när man sitter där och kodar.
00:25:29
Jag orkar inte lyssna på den här voice-overn igen.
00:25:32
Jag tappar bort mig.
00:25:33
Även om jag nu har valt det till en brittisk snubbe för att få det lite sköj.
00:25:38
Hur lätt det är att inte orka.
00:25:42
Det är synd att man hamnar där.
00:25:46
Det är så viktigt.
00:25:48
Jag håller helt med.
00:25:50
som du säger, det är inte synd om blinda, utan det är mer att jag blev oerhört imponerad av dem
00:25:57
och ganska ödmjuk inför livet för att låta väldigt grandios.
00:26:01
Men ja, jag håller helt med. Efter det där så blev jag mer taggad på att jobba med tillgänglighet.
00:26:08
Ja, det frustrerar mig lite tillgänglighet för att man kan gräva in sig i så djupa hål
00:26:22
och så vet man inte vad grövigt ser ut.
00:26:23
Men framförallt, de gånger jag har engagerat mig i tillgänglighet har jag alltid fått höra det här
00:26:27
"Men du är väl uväxare?"
00:26:29
Ja, exakt.
00:26:33
Ja, en grej jag kommer tänka på nu för att avsluta på lite mer tekniskt punkt.
00:26:40
Vet du vad AX är? Jag tror det är stort X egentligen.
00:26:44
Det är väl en färg... Nej vänta, de kör väl också verktyg och sånt?
00:26:50
Ja, för de gör ju tillgänglighetsverktyg och accessibiliteter.
00:26:54
Och de har ju bland annat till browsers.
00:26:57
Antingen så att du kan köra det som en X-extension bara.
00:27:00
Och sen så ger den dig massa, för det finns ju en massa standarder som inte kommer att rånja heter, VCAG kanske.
00:27:06
VCAG.
00:27:08
Ja.
00:27:09
Tror jag, som är standarder som man kan uppfylla till olika nivåer.
00:27:13
Och då kan man ställa in i det här pluginet att jag vill uppfylla till den här nivån.
00:27:16
Och den grundläggande nivån är ju väldigt enkel oftast.
00:27:19
Och då får man liksom varningar så här, okej, den här elementet har inte tillräckligt bra kontrast till exempel.
00:27:28
Och här finns det också npm-paket som man kan slägga in om du vill verkligen kommitta att den kör det i webbläsaren.
00:27:35
När du ligger och utvecklar så kan den köra det både att du får det i konsolen bara, att den skickar ut att det här är varningar du får.
00:27:42
Men också att du kan lägga till det i byggsteg, att om vi måste uppfylla det här då måste du, alltså ni kommittar att vi vill uppfylla VCAG 2 eller något.
00:27:51
Och så säger man det i byggsteget att okej, om vi inte gör det så kommer det att faila.
00:27:55
Ja, det är ganska nice.
00:27:56
Och det är ju väldigt nice, det blir liksom en lintregel på att tillgängligheten är bra också.
00:28:02
Sen är ju inte det nog för att säga att man har bra tillgänglighet.
00:28:06
För att den här kan ju bara ta saker som den programmatiskt kan upptäcka.
00:28:11
Men det är ju alltid en ganska bra steg på vägen tycker jag.
00:28:14
Ja, det finns ju också många lintregler som är bara så här,
00:28:17
Ja, men har du bra, ja men om man tar så här ARIA taggar, har du bra labels på saker och sådana som, det är väl React Alli tror jag som har.
00:28:27
Ja, det kan man stämma.
00:28:28
Finns paket också. Men just den här att du kan ställa in också vad siktar du på för kontrastnivå?
00:28:33
AAA är ju egentligen det bästa som du borde ha, men AAA är kanske någonting som är okej att uppnå liksom.
00:28:41
Jag tror jag hade Axe DevTools förut, men jag skapade en ny profil på min dator och sen försvinner det.
00:28:52
Det är lite synd för att jag hade en browser extension som man kunde få testa på olika sätt att se sidan på.
00:29:02
att de gav en tunnelseende, eller att musen skakade, eller hur det såg i olika kontraster.
00:29:08
Så att du fick olika seesidan och olika vinklar.
00:29:13
Jag har nog sett något med just färgglindighet.
00:29:16
Men det kanske är samma, bara att den hade mer grejer.
00:29:18
Men där har jag sett något att den byter färgerna på sidan,
00:29:21
så att man ser som att man var färgglind med vissa färger.
00:29:25
Ja, sådana finns. Och som du säger, den här var ju mer utökad då.
00:29:28
Det var ju faktiskt en väldigt intressant sak att testa det här med att musen skakade.
00:29:33
Ja, det förstår jag.
00:29:34
För att, okej, vad har du egentligen för ytor att trycka på?
00:29:37
Är de för tajta? Är de för små? Hur funkar det?
00:29:41
Jag kommer dock inte ihåg vad den heter, vi kan se om vi kan hitta den.
00:29:44
Ja, vi kan lägga den i beskrivningen om vi hittar den.
00:29:46
Ja.
00:29:47
Så det finns ju ändå ganska mycket enkelt att göra.
00:29:50
Absolut.
00:29:51
Och sen, som sagt, skriv semantiskt åt Emil.
00:29:53
Det borde man göra oavsett.
00:29:54
Ja, det kan vi också prata om någon gång om vi har tappat bort HTML.
00:30:00
Jag är ju ganska dålig på HTML.
00:30:02
Ja, alltså jag har nog liksom, det har nog dalat ganska länge för mig också.
00:30:06
Och sen hade jag en period, eller några veckor, när jag bara så här, fan jag måste lära mig vilka element man ska skriva ner.
00:30:11
Istället för att bara skriva divar överallt.
00:30:13
Och då pluggade jag på det aktivt för att jag kände att jag behövde det.
00:30:18
Och då så här, ja men det finns section och article och main och allt möjligt däremellan.
00:30:22
Jag skriver fortfarande med divar överallt för att jag blir så förvirrad.
00:30:27
Ofta har man inte en sån här tydlig, här har du en sidartikel och här har du en main-component.
00:30:31
Nej, exakt. Det är väldigt sällan man har det så tydligt.
00:30:35
För mig är det också ganska mycket divar.
00:30:38
Men ibland blir det så här att det här är ändå en sektion av sidan, då kan man köra section istället.
00:30:43
Ja, vi har ju nu till exempel, man lägger in komponenter i sections just nu.
00:30:49
Allt blir en sektion. Det är kopplat till CMS.
00:30:53
Ja, det är mycket. Mycket shit.
00:30:57
Det händer saker.
00:30:59
Det känns som att det var dags att runda av där.
00:31:05
Jag funderade om jag hade något mer, men det tror jag inte att jag har.
00:31:08
Nej, jag hade eventuellt något mer, men det har runnit iväg.
00:31:14
Ja, det är som vanligt väldigt varmt i min lägenhet.
00:31:17
Om man vill ha något finns det på Twitter. Jag heter Aventon med WFDA1.
00:31:22
Och jag heter Tekom Stadius.
00:31:24
Och vi som vanligt är jätteglada av en recension på itunes.
00:31:27
Jag vet inte varför jag viskade. Det känns som att det är mer uppmanande.
00:31:31
Ge oss en recension.
00:31:33
Exakt.
00:31:35
Vi hörs i nästa avsnitt.
00:31:37
Ja det gör vi.
00:31:38
Bye bye.
00:31:39
Hej då.
00:31:40
(Musik)
Tillbaka upp