Dostępność ≠ Overlay: gdy okno modalne blokuje nawigację klawiaturą

📅 Październik 2026   ⏱ 6 min czytania

Okno modalne może ułatwić potwierdzenie zakupu, logowanie lub odczytanie ważnej informacji. Błędy obsługi fokusu i klawiatury mogą jednak uniemożliwić ukończenie zadania.

Bariera pojawiająca się nagle

Wybierasz „Kontynuuj” i otwiera się okno. Czytnik ekranu nadal odczytuje stronę w tle albo klawiatura nie dociera do przycisku „Zamknij”. Działanie zostaje przerwane.

Czym jest okno modalne

Okno modalne tymczasowo skupia interakcję na jednym zadaniu. Gdy jest otwarte, elementy w tle nie powinny otrzymywać fokusu. Nie każde wyskakujące okno musi być modalne.

Fokus powinien podążać za zadaniem

Po otwarciu fokus trafia na odpowiedni element wewnątrz okna. Tab i Shift+Tab przechodzą między jego kontrolkami bez wychodzenia w tło. Po zamknięciu fokus zwykle wraca do elementu wywołującego.

Zrozumiałe nazwy i przyciski

Okno potrzebuje dostępnej nazwy, często powiązanej z nagłówkiem. Przyciski powinny jasno komunikować „Zapisz”, „Anuluj” lub „Zamknij”. Sama ikona X może nie wystarczyć.

Zamknięcie bez pułapki

Zwykle klawisz Escape powinien zamykać okno. Ważne potwierdzenia wymagają szczególnej uwagi, lecz dostępne działania muszą pozostać zrozumiałe.

Najczęstsze błędy

Fokus znika za oknem, elementy w tle pozostają aktywne, komunikaty nie są odczytywane, a przyciski stają się niedostępne po powiększeniu tekstu.

Jak przeprowadzić test

Otwórz okno samą klawiaturą. Sprawdź fokus początkowy, Tab, Shift+Tab, Escape tam, gdzie ma zastosowanie, i powrót fokusu. Powtórz test z czytnikami ekranu.

Jak pomaga Blind Reader

Blind Reader wspiera orientację i nawigację razem z używanymi czytnikami ekranu. Ukierunkowane poprawki mogą ułatwić wybrane interakcje; samo okno modalne musi prawidłowo zarządzać fokusem.

Okno powinno pomagać kontynuować

Dostępne okno modalne pozwala zrozumieć sytuację, podjąć decyzję i wrócić do zadania.

Źródła i materiały

Odcinek 20 · Dostępność ≠ Overlay

🧑‍🦯 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 13 secciones clave a las que puedes saltar.

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 Usługi
  • Ir a Blog
  • Ir a kontakt
  • Ir a Polski
  • Ir a English
  • Ir a Español
  • Ir a Català
  • Ir a Română
  • Ir a Italiano
  • Ir a Français
  • Ir a Svenska
  • 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 y la muestra en pantalla. Siguiente avanza a la siguiente sección. Para llevar el foco a la sección, usa Ir a la sección actual. 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 345 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.