Skreddersøm (WCAG 4.1.2)
Universelt utformet29 Joulu 2019

Skreddersøm (WCAG 4.1.2)

Hvis du skal skreddersy komponenter bør du passe på at du forteller nettleseren hva slags komponent det er slik at de blir tilgjengelige for alle. WCAG 4.1.2 heter «Navn, rolle, verdi». Navn i denne sammenhengen betyr tilgjengelig navn eller programmatisk navn, altså navn som oppfattes av hjelpemidler. Vi må òg gi interaktive komponenter en rolle, så sant dette ikke er innebygget fra det HTML-elementet du bruker. I noen tilfeller bruker vi òg verdi. I «Ris og ros» snakker vi om matvarer. I «Aside» snakker Erling om UX i Norge.

Episodelenker

Jaksot(28)

Trykk på rundingen til høyre (WCAG 1.3.2–1.3.4)

Trykk på rundingen til høyre (WCAG 1.3.2–1.3.4)

Denne episoden handler om å ha en logisk rekkefølge på innhold og ikke referere til ting basert på karakteristikker som plassering og farge. Vi mimrer og humrer litt om Arngren og tipser om Chris Pederick sin utvidelse til Chrome, Web Developer. Vi må beklage vår tidligere anbefaling om å skjule emojier for blinde. Det skal vi ikke gjøre mer!WCAG 1.3.2, 1.3.3 og 1.3.4.EpisodelenkerWeb DeveloperArngren

3 Kesä 201933min

Kall en spade for en spade (WCAG 1.3.1)

Kall en spade for en spade (WCAG 1.3.1)

Denne suksesskriterien handler om å beskrive innholdet i koden med kode – for eksempel med semantisk HTML. Som Difi sier, «Ting skal være kodet som det det ser ut som». Vi snakker om punktlister, avsnitt og overskrifter. Tenkt deg om før du bruker div-er og br-er. I segmentet «Aside» snakker vi om ARIA. I ris og ros kjefter vi litt på Dagsavisen og skryter av Kode24. Plutselig mimrer Erling litt om CSS Zen Garden. EpisodelenkerJust ReadGoogle Webmaster GuidelinesDesigning with Web StandardsWebAIMThe WebAIM MillionDagsavisen: Fikk ikke kjøre videre slik – fører anmeldt for flere forholdCSS Zen GardenAftenbladet: Jeg bare spøker. Jeg vet godt at jeg ikke er en prinsesseKode24CodePenKode24: Slik skaper de kunst med ren CSS

27 Touko 20191h 7min

Hva sa du? (WCAG 1.2.1–1.2.9)

Hva sa du? (WCAG 1.2.1–1.2.9)

Hvis du er en produsent av lyd eller video så er disse ni suksesskriteriene relevante for deg! Lær blant annet ulike metoder for å legge til undertekster på video. I spalten «Aside» forklarer vi de tre nivåene A, AA og AAA. I ris og ros-spalten gir vi konstruktiv kritikk til TV-Vest og så gir vi ros til NRK som alltid har vært flinke til å lage universelt utformete løsninger. WCAG 1.2.1, 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.2.6, 1.2.7, 1.2.8 og 1.2.9.EpisodelenkerWCAG 1.2AmaraTilværelsen bedre med AsfaltNytt på nytt

4 Touko 201939min

Hva er det på dette bildet? (WCAG 1.1.1)

Hva er det på dette bildet? (WCAG 1.1.1)

Dette er første episode av podkastserien Universelt Utformet som hvor vi forklarer alle suksesskriteriene til WCAG på en lettfattelig måte. Første episode handler om å gi et tekstlig alternativ til ikke-tekstlig informasjon (bilder og lignende), for eksempel alternativ tekst (også kalt alt-tekst) på bilder. Dette er spesielt viktig for blinde. Vi snakker om skjermlesere som VoiceOver, Narrator, Jaws, Talkback og NVDA. I spalten «Aside» er vi voldsomme i språket og sier «fuck WCAG», blant annet fordi retningslinjene har ganske lite fokus på kognitive utfordringer.EpisodelenkerW3CWCAGAsideWCAG 1.1.1Voiceover (macOS)Narrator (Windows)Jaws (Windows)NVDA (Windows)Talkback (Android)Norske forskrifter (Difi)WAD (Web Accessibility Directive)Section 508WebstepOkseSandnes kommuneModalen kommune

15 Huhti 201936min