
65. Ronja Pahaoja: SPA-saavutettavuus ja kuulijoiden Q&A
Explicit content warning
11/17/19 • 74 min
Jakson vieraana saavutettavuus- (eli s12s?) asiantuntija, huippu-urheilija ja luutunsoittaja Ronja Pahaoja! Ronja lainaa arvokasta näkemystään ja kokemustaan saavutettavuusongelmista ja niiden selättämisestä. Erityistarkastelun alla single page appit.
Jakson sponsorina Zure.
Kysymykset
- Miten mobiiliapit vertautuvat webbisivuihin saavutettavuuden osalta. Rauli Rikama
- miten mobiiliappista kontrolloidaan
- Miten lomakkeet pitäisi toimia error viestien kohdalla, onko hyvä kertoa yleisellä ilmoituksella että lomakkeessa on virheitä ja sitten jokaisen inputin kohdalla erillinen viesti että tässä kentässä on jokin virhe? Pitäisikö myös focus siirtää lomakkeen yläpuolelle esim siihen yleiseen virheilmoitukseen? Jan Lehtinen
- Kysymys, johon ois kiva kuulla asiantuntijan mielipide: Miten kommunikoidaan screenreaderille sivulle dynaamisesti ladattava contentti? Eli siis jos sivulle esimerkiksi IntersectionObserverin avulla ladataan lisää kamaa scrollatessa tms. Miten tällainen ja screenreaderit sopivat yhteen? Tarviiko tehä jotain esim aria-live region kikkailuja vai toimiiko yleensä oikein out-of-the box? Ja onko tämä saavutettavuuden kannalta huono patterni? Olavi
- Mistä tietää mitä selaimia ruudunlukijoiden kanssa käytetään? Millä selaimilla pitäisi testata toimivaksi? Entä onko linux käytettävissä ruudunlukijan kanssa? Anonyymi
- Miten drag&drop (esim. Trello) pitäisi toteuttaa saavutettavasti? Antti
- Mikä on paras tapa tehdä käyttöliittymästä saavutettava jos käyttäjän tulee valita vaihtoehtoja suuresta (mutta kuitenkin lukumääräisesti rajatusta joukosta)? Esimerkkinä tulee mieleen VR:n lippukaupan paikkakuntavalitsin, joka antaa valita lähtö- ja saapumisaseman Suomen kaikkien liikennöintiasemien suomen- ja ruotsinkielisestä nimistä. Kuinka tällainen UI saadaan toimimaan hyvin kaikille käyttäjille?
- Voiko saavutettavuutta testata automatisoidusti osana muita testejä? nimim. Oiva
- Millainen on hyvä alt-teksti? riittäisikö alt-tekstiin aina että se vain täydentää informaatiota mitä sen kuvan ympärillä oli ennestään, vai tuleeko sen alt-tekstin toimia myös "itsenäisesti" muuta tietoa ympärillä? Miro
- Accessibility ja värisokeus, esim usein käytetään vihreää ja punaista väriä indikaattoreina vaikka punaviher-värisokeus taitaa olla yleisin Henrik
- mitä trade-offeja tapahtuu kun pyritään parantamaan accessibilityä esimerkiksi toteuttamalla korkeempi standardi (esim AA -> AAA), as in onko enempi parempi 'kaikille'' Markus
Linkit
- opipistenuotteja.fi
- Reach router
- Using aria-live
- axe
- Contraste
- Accessible Page Navigation in Single Page Apps
- How to Meet WCAG
Jakson valinnat
- Riku: Another Late Night: Zero 7
- Antti: Ace Buchannon - Magenta Nights
- Ronja: John Dowland
Ota yhteyttä!
Sponsori
Jakson vieraana saavutettavuus- (eli s12s?) asiantuntija, huippu-urheilija ja luutunsoittaja Ronja Pahaoja! Ronja lainaa arvokasta näkemystään ja kokemustaan saavutettavuusongelmista ja niiden selättämisestä. Erityistarkastelun alla single page appit.
Jakson sponsorina Zure.
Kysymykset
- Miten mobiiliapit vertautuvat webbisivuihin saavutettavuuden osalta. Rauli Rikama
- miten mobiiliappista kontrolloidaan
- Miten lomakkeet pitäisi toimia error viestien kohdalla, onko hyvä kertoa yleisellä ilmoituksella että lomakkeessa on virheitä ja sitten jokaisen inputin kohdalla erillinen viesti että tässä kentässä on jokin virhe? Pitäisikö myös focus siirtää lomakkeen yläpuolelle esim siihen yleiseen virheilmoitukseen? Jan Lehtinen
- Kysymys, johon ois kiva kuulla asiantuntijan mielipide: Miten kommunikoidaan screenreaderille sivulle dynaamisesti ladattava contentti? Eli siis jos sivulle esimerkiksi IntersectionObserverin avulla ladataan lisää kamaa scrollatessa tms. Miten tällainen ja screenreaderit sopivat yhteen? Tarviiko tehä jotain esim aria-live region kikkailuja vai toimiiko yleensä oikein out-of-the box? Ja onko tämä saavutettavuuden kannalta huono patterni? Olavi
- Mistä tietää mitä selaimia ruudunlukijoiden kanssa käytetään? Millä selaimilla pitäisi testata toimivaksi? Entä onko linux käytettävissä ruudunlukijan kanssa? Anonyymi
- Miten drag&drop (esim. Trello) pitäisi toteuttaa saavutettavasti? Antti
- Mikä on paras tapa tehdä käyttöliittymästä saavutettava jos käyttäjän tulee valita vaihtoehtoja suuresta (mutta kuitenkin lukumääräisesti rajatusta joukosta)? Esimerkkinä tulee mieleen VR:n lippukaupan paikkakuntavalitsin, joka antaa valita lähtö- ja saapumisaseman Suomen kaikkien liikennöintiasemien suomen- ja ruotsinkielisestä nimistä. Kuinka tällainen UI saadaan toimimaan hyvin kaikille käyttäjille?
- Voiko saavutettavuutta testata automatisoidusti osana muita testejä? nimim. Oiva
- Millainen on hyvä alt-teksti? riittäisikö alt-tekstiin aina että se vain täydentää informaatiota mitä sen kuvan ympärillä oli ennestään, vai tuleeko sen alt-tekstin toimia myös "itsenäisesti" muuta tietoa ympärillä? Miro
- Accessibility ja värisokeus, esim usein käytetään vihreää ja punaista väriä indikaattoreina vaikka punaviher-värisokeus taitaa olla yleisin Henrik
- mitä trade-offeja tapahtuu kun pyritään parantamaan accessibilityä esimerkiksi toteuttamalla korkeempi standardi (esim AA -> AAA), as in onko enempi parempi 'kaikille'' Markus
Linkit
- opipistenuotteja.fi
- Reach router
- Using aria-live
- axe
- Contraste
- Accessible Page Navigation in Single Page Apps
- How to Meet WCAG
Jakson valinnat
- Riku: Another Late Night: Zero 7
- Antti: Ace Buchannon - Magenta Nights
- Ronja: John Dowland
Ota yhteyttä!
Sponsori
Previous Episode

64. Timi Wahalahti – WordPressiä vuonna 2019
Jos harkitset WordPressiä tuleviin webbiprojekteihin tai ajattelet sen vieläkin olevan vain PHP-purkkaa, niin nyt 👂 hörölleen. Aiheen asiantuntija Timi Wahalahti saapui studioomme kertomaan käytännön devaustyöstä WordPressilllä, siitä millaisiin projekteihin WP sopii ja miten sen kanssa kannattaisi lähteä liikkeelle.
Jakson sponsorina Zure. Tsekkaa Zuren uramahdollisuudeet!
Linkit
- https://github.com/digitoimistodude/air-light/
- https://github.com/aucor/aucor-core
- https://www.resilio.com/individuals/
- https://spinupwp.com
- https://localbyflywheel.com
- https://www.advancedcustomfields.com/
- https://carbonfields.net/
- https://cmb2.io/
- https://github.com/devgeniem/acf-codifier
- https://techcrunch.com/2018/03/13/welcome-to-the-new-techcrunch/
- https://tidyrepo.com/
- https://managewp.com/
Jakson valinnat
- Timi: Lihan loppu
- Riku: Free web illustrations
- Antti: Trainfulness
Ota yhteyttä!
Next Episode

66. 🧠 Level Up! 3 – Komentorivi kuntoon
Näyttääkö shellisi lähikaupan mustavalkoiselta kassaruudulta 📟? Tässä jaksossa Antti ja Riku perkaavat omia shellityökalujaan, ja onnistuvat samassa päivittämään Rikun shellin vuoteen 2020.
Lisäksi asiaa muun muassa jousianimaatioista Reactille, ja PostgreSQL:ista GraphQL API:n leipovasta Hasurasta.
Jakson sponsorina Zure.
Linkit
- hasura
- react-spring
- Z shell
- oh-my-zsh
- autojump
- history-substring-search
- zsh-autosuggestions
- zsh-syntax-highlighting
- bat
- exa
- tig
- vimrc
Jakson valinnat
- Riku: The Man from Earth ja 12 Angry Men
- Antti: Vortex Race 3
Ota yhteyttä!
Sponsori
- Tsekkaa Zure ja Zuren rekrymahdollisuudet!
If you like this episode you’ll love
Episode Comments
Generate a badge
Get a badge for your website that links back to this episode
<a href="https://goodpods.com/podcasts/webbidevausfi-382928/65-ronja-pahaoja-spa-saavutettavuus-ja-kuulijoiden-q-and-a-54592242"> <img src="https://storage.googleapis.com/goodpods-images-bucket/badges/generic-badge-1.svg" alt="listen to 65. ronja pahaoja: spa-saavutettavuus ja kuulijoiden q&a on goodpods" style="width: 225px" /> </a>
Copy