2: Kontrasterna är tillräckliga i gränssnittet
Ingen av de granskade e-handelswebbplatserna klarade samtliga krav kopplade till kontraster.
Varför är det viktigt?
God kontrast på text och meningsbärande objekt, som exempelvis diagram och formulärfält, är viktigt för att alla användare ska kunna ta del av all information. Det är särskilt viktigt för äldre och användare med nedsatt syn, men dåliga kontraster påverkar de flesta.
Bra kontrast betyder att det finns tydliga och skarpa skillnader mellan färger eller former, vilket gör det lättare att se och förstå det som är på skärmen.
Granskade lagkrav från EN 301 549
- 9.1.4.3 Contrast (Minimum) (AA)
- 9.1.4.11 Non-text Contrast (AA)
Resultat
0 % av webbplatserna levde upp till kraven om tillräcklig kontrast20 underkända0 godkända
Samtliga granskade webbplatser har stora brister när det gäller kontraster. Ingen av de 20 webbplatserna har tillräckliga kontraster på text. 13 av 20 webbplatser har dessutom dålig kontrast på meningsbärande objekt.
0% godkända
Exempel på problem
20 av webbplatserna har problem med kontrast på text mot bakgrund20 underkända
Samtliga 20 granskade webbplatser har text med otillräckliga kontraster mot bakgrunden.
Kontrast på text är viktig av flera skäl. Det gör att texten blir lättare att se och läsa. Om texten och bakgrunden är för lika i färg kan det bli svårt att urskilja orden. Bra kontrast är till hjälp för personer med synnedsättningar och de som inte kan se färger riktigt bra, men god kontrast på text är bra för de allra flesta.
Många människor idag använder mobiltelefoner som förväntas gå att använda utomhus i olika miljöer med till exempel solljus mot skärmen. Goda kontraster gör det enklare att uppfatta text på liten skärm som annars riskerar att bländas bort av ljuset från solen.
- 9.1.4.3 Contrast (Minimum) (AA)
13 av webbplatserna har meningsbärande objekt med för låga kontraster13 underkända
Alla meningsbärande objekt på sidan måste ha tillräckliga kontraster. Med meningsbärande objekt menas till exempel
- knappar
- grafik
- formulärfält
- ikoner
- diagram
- fokusmarkeringar.
13 av de 20 granskade webbplatserna hade objekt med för låga kontraster. Återkommande problem var formulärfält med tunna gråa kanter och fokusmarkeringar som inte fungerade mot alla bakgrunder.
- 9.1.4.11 Non-text Contrast (AA)
Vill du veta tillgänglighetsstatus på din app eller webbplats?
Hör av dig till oss så bokar vi in ett förutsättningslöst möte och gör en
livegranskning.
