CSS lahko vpliva na bralnike zaslona

V svojem raziskovanju je Ben Myers odkril nekaj zanimivih primerov, kjer CSS popolnoma spremeni tisto, kar povejo bralniki zaslona. Npr. nekateri bralniki zaslona bodo zaradi uporabe CSS značke »text-transform: uppercase;« na gumbu »Add« slednjega prebrali, kot kratico »A.D.D.«.

Zanimiv je tudi primer s seznamom, kjer z uporabo CSS značke »list-style: none;« seznam za bralnike zaslona v nekaterih primerih enostavno uničimo. Zato je potrebno pri oblikovanju oz. programiranju paziti, da uporabimo ustrezne prijeme, da dosežemo dobre rezultate za vse vpletene.

These cases of CSS messing with our screenreader announcements are initially shocking, perplexing, and maybe even appalling. After all, they seem to conflict with our mental model of CSS, one that’s likely been instilled in us since we started learning web development: HTML is for content, and CSS is for visual appearance. It’s the separation of content and presentation. Here, by changing what screenreaders announce, it feels like CSS is encroaching on content territory.

Vsak dan se srečujemo z novimi primeri, ki nam jasno sporočajo, da moramo vsebine oz. spletne projekte testirati tudi s pomočjo bralnikov zaslona. Več primerov in podrobnejši opis je na voljo na povezavi: blog.benmyers.dev/css-can-influence-screenreaders

Oznake: Accessibilitybralniki zaslonaCSS

Komentiraj


*