Broken keyboard navigation

Abierto
#247 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript

Línea de trabajo

Inspect the page DOM and the navigation component placement, then check how the Gitter chat window is inserted and hidden. Verify keyboard focus order with the Tab key: navigation should receive focus first, chat contents should not precede it, and the navigation links should not come after the page content.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug PR welcome

Expected behavior:
Pressing the Tab key first time moves focus to the first navigation element.
Actual behavior:
Visually nothing.
There are two problems here:

  1. Gitter chat window is inserted before other page elements (outside body!). It should be hidden by "display: none", but it use "translateX(110%)". So, elements inside this window get focus before navigation links.
  2. Navigation component is placed after page content, so it's elements get focus only after other links.
Lenguaje dominante
JavaScript
Estrellas
81
Forks
43
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de postcss/postcss.org

Todos los issues de postcss/postcss.org

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.