Tillgänglighet ≠ Overlay: respektera användarens inställningar

📅 September 2026   ⏱ 8 min läsning

En person kan redan ha ställt in dator, webbläsare eller hjälpmedel för en viss textstorlek, mindre rörelse, särskilda färger eller ett visst sätt att navigera. En tillgänglig webbplats ska fungera med dessa preferenser, inte låta ett overlay bestämma hur användarens ”tillgängliga upplevelse” ska se ut.

Tillgänglighet handlar inte om att välja åt användaren

Två personer med samma funktionsnedsättning har inte nödvändigtvis samma behov, och samma person kan använda olika inställningar beroende på enhet, sammanhang eller uppgift. W3C beskriver hur människor anpassar presentationen för att lättare urskilja och förstå innehåll. Webbplatsen bör respektera och stödja dessa val.

Preferenser kan finnas innan användaren kommer till webbplatsen

Användaren kan redan ha konfigurerat webbläsare, zoom, operativsystem, tillägg eller hjälpmedel. W3C:s UAAG beskriver att vissa behov, exempelvis textanpassning och preferenser, hanteras bättre i användaragenten. Frågan är om webbplatsen kan anpassa sig till val som redan gjorts.

Personalisering är inte samma sak som reparation

En knapp för större text eller kontrast kan vara användbar. Problemet uppstår när den ersätter en tillgänglig implementation. WCAG 2.2 kriterium 1.4.12 kräver att användarens ändringar av textavstånd inte leder till förlust av innehåll eller funktion.

”Förstora text” ersätter inte en anpassningsbar webbplats

En webbplats kan ha en egen textstorleksknapp och ändå gå sönder vid webbläsarzoom. W3C anger att innehåll ska kunna anpassas till ändringar av storlek, avstånd, typsnitt och färg utan att information eller funktion går förlorad.

”Minska animationer” bör inte bara bero på en widget

Vissa personer behöver undvika rörelse som orsakar distraktion, yrsel eller illamående. Operativsystem kan ange en preferens för minskad rörelse och webbplatsen kan respektera den med prefers-reduced-motion. WCAG-dokumentationen nämner tekniken för icke nödvändiga animationer.

En användare kan behöva motsatsen till en annan

En person kan behöva mycket stor text, en annan mindre synlig information, andra färger eller mindre rörelse. WAI-Adapt möjliggör personalisering efter individuella behov och preferenser. Det finns inget enda ”funktionsnedsättningsläge”.

En bra webbplats lämnar utrymme för användarens verktyg

Webbläsare, operativsystem och hjälpmedel ingår i användarens miljö. Webbplatsen ska samverka med dem: inte blockera zoom, tillåta reflow, stödja textändringar och respektera preferenser som minskad rörelse.

Extra alternativ är inte problemet

Ytterligare presentationskontroller kan vara användbara. Skillnaden är vem som behåller kontrollen och vilken grund personaliseringen bygger på. Ett alternativ kan komplettera en tillgänglig webbplats men inte rättfärdiga att grundgränssnittet ignorerar användarens inställningar.

Att designa för preferenser är att designa för mångfald

Tillgänglighet handlar inte om ett särskilt gränssnitt för en tänkt användare med funktionsnedsättning. Olika personer ska kunna använda samma produkt på olika sätt. En robust lösning är ett gränssnitt som kan anpassas.

Tillgänglighet ≠ Overlay

Ett overlay kan erbjuda större text, kontrast eller minskad animation. Funktionerna kan vara användbara men bevisar inte tillgänglighet. En anpassningsbar webbplats måste respektera val i webbläsare, operativsystem och hjälpmedel. Målet är inte vårt tillgänglighetsläge, utan respekt för hur varje person använder internet.

Officiella källor

🧑‍🦯 Blind Reader
Narrador listo.

Guía para invidentes

Esto es un resumen funcional, no una lectura literal.

Ir al objetivo principal Salta al área principal de acción (formulario, listado o contacto).

Estás en una página tipo: listado. El objetivo principal parece ser: explorar opciones.

Acciones principales: Explorar listado.

Hay 8 secciones clave a las que puedes saltar.

Confianza: Confianza: 68%

Antes de continuar:

  • Gestionar cookies o avisos Motivo: Detecté un aviso relacionado con cookies/consentimiento. — Vía recomendada: Contenido principal

Acciones recomendadas

  • Explorar listado Motivo: Parece haber un listado de elementos. — Vía recomendada: Listado

Ir por objetivos

Elige qué quieres hacer. Te lo explico y luego te pregunto antes de saltar.

Modo de confirmación

Elige cada cuánto debo preguntar antes de saltar.



Alcance del aprendizaje (solo para “primera vez”)

Sitio: recuerda este objetivo en toda la web. Página: recuerda por URL.


  • Ir a Start
  • Ir a About
  • Ir a Blind Reader
  • Ir a Withdrawal Button
  • Ir a Tjänster
  • Ir a Blog
  • Ir a Kontakta
  • Ir a Svenska
  • Ir a English
  • Ir a Español
  • Ir a Català
  • Ir a Polski
  • Ir a Română
  • Ir a Italiano
  • Ir a Français
  • Ir a Deutsch
  • Ir a Nederlands
  • Ir a Português
  • Ir al contenido del artículo
  • Ir a comentarios
  • Ir al final del artículo
  • Volver a Noticias (blog)
  • Noticia anterior
  • Noticia siguiente
  • Gestionar cookies o avisos Importante: esto puede bloquear la navegación.
  • Explorar listado

Guía progresiva

La guía anuncia una sección cada vez.

Cómo funciona: Iniciar guía anuncia la primera sección clave. Siguiente avanza. Detener sale.

Estado: Guía inactiva

Ir a la sección actual Este enlace se actualiza conforme avanza la guía.

Este artículo tiene aproximadamente 659 palabras.

Mueve el foco al inicio del contenido, saltando menús y elementos secundarios.

Acerca de Blind Reader

Blind Reader es un asistente de accesibilidad que analiza cada página y narra su propósito, secciones clave y acciones recomendadas — diseñado para usuarios de lectores de pantalla.

Constructores compatibles: Funciona con cualquier tema o constructor de WordPress: Divi, Elementor, Gutenberg, WPBakery, Avada y otros. Lee el contenido real de la página, no el marcado del constructor.

¿Interfiere en tu contenido? No. Blind Reader añade un panel accesible encima de la página pero no modifica, oculta ni altera ningún contenido ni estilo existente en tu web.

¿Cómo funciona? Analiza la estructura de la página (encabezados, enlaces, formularios, landmarks) y genera un resumen funcional. La guía y los objetivos ayudan a navegar sin tener que recorrer toda la página.

Atajo de teclado: Pulsa Alt + G para saltar directamente al primer objetivo.