ACCESIBILIDAD ≠ OVERLAY · 26
Tillgänglighet ≠ Overlay: när ett popup-fönster blockerar åtkomsten
📅 Oktober 2026 · ⏱ 7 min läsning
Ett popup-fönster kan vara användbart men blir ett hinder när det avbryter en uppgift eller inte går att stänga.
01. Problemet
Ett popup-fönster kan vara användbart men blir ett hinder när det avbryter en uppgift eller inte går att stänga.
02. Alla dialoger är olika
Alla dialoger är inte likadana. En modal dialog blockerar bakgrunden och kräver korrekt fokushantering. Ett icke-modalt meddelande bör inte blockera sidan i onödan.
03. Vanliga hinder
Vanliga problem är oväntad öppning, stängknappar utan tillgängligt namn, förlorat fokus, Escape som inte fungerar och dolt innehåll.
04. Hantera fokus
När en modal öppnas ska fokus flyttas in. Tab och Shift+Tab ska stanna inom den aktiva dialogen, och när den stängs bör fokus normalt återgå till knappen som öppnade den.
05. Måste de vara valfria?
Alla popup-fönster behöver inte vara valfria: en nödvändig bekräftelse kan kräva uppmärksamhet. Avbrottet ska vara motiverat och begripligt.
06. Varför en overlay inte räcker
En overlay reparerar inte automatiskt en felprogrammerad dialog. Färgändringar skapar inte en fungerande stängknapp eller rätt fokusordning.
07. Så testar du
Testa med tangentbord, skärmläsare, zoom och mobil: öppna, navigera, stäng och kontrollera fokus.
08. Slutsats
Verklig tillgänglighet bygger på begripliga komponenter som inte hindrar människor från att slutföra uppgifter.
♿ Accesibilidad ≠ Overlay · 26
Adapta tu Web