Consider matching DOM order for Sky Nav elements when JS is disabled for better accessibility
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, scss
- Área
- accessibility, design, frontend
Línea de trabajo
Comienza localizando la implementación de Sky Nav y revisando su DOM y orden visual con JavaScript desactivado. Compara el orden de tabulación del teclado con las capturas de pantalla propuestas y, a continuación, verifica que el orden de navegación esté alineado teniendo en cuenta la posición del logotipo y la cuestión del diseño del degradado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
When JS is disabled:
- the "Menu" button is hidden
- the Sky Nav is open
Current implementation
The DOM order of the nav does not match the visual order in the current solution:
| Current tab order count | Current tab order in action |
|---|---|
 |
 |
Proposed solution
We should consider allowing the visual order to match the DOM order when JS is disabled. We might even consider centering the Cloud Four logo since the button is not shown:
| Proposes tab order count | Proposed tab order in action |
|---|---|
 |
 |
Other considerations
- The gradient no longer matches the original design in the proposed solution
Related
- Lenguaje dominante
- SCSS
- Estrellas
- 26
- Forks
- 4
- Merge medio
- 16 h 7 min
- PR fusionados (30 d)
- 88
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de cloudfour/cloudfour.com-patterns
-
I would love a "Side Note" blockAbierto✒️ gutenberg
Dificultad 5/5 Más de una semana Aptitud para principiantes 30/100
cloudfour/cloudfour.com-patterns#2148 ·
Los mantenedores suelen responder en 1 día
-
:construction_worker: dev 🎨 design 🦮 a11y
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
cloudfour/cloudfour.com-patterns#2128 ·
Los mantenedores suelen responder en 1 día
-
Additional Article CreditsAbierto🎨 design
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
cloudfour/cloudfour.com-patterns#2000 ·
Los mantenedores suelen responder en 1 día
-
Bug: AlignWide content clippedAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
cloudfour/cloudfour.com-patterns#1916 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
Prototype Series of Blog PostsQuizá libre de nuevo Un pull request para esta issue se cerró sin fusionarse. Abierto🎨 design
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
cloudfour/cloudfour.com-patterns#1912 · 3 comentarios ·
Los mantenedores suelen responder en 1 día
Todos los issues de cloudfour/cloudfour.com-patterns
Issues similares
-
🔊 a11y
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
betagouv/mon-entreprise#4726 ·
Los mantenedores suelen responder en 9 días
-
bug ready-for-agent
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
neutraltone/settee#132 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
a11y
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
FinanceFlash/unvibecode#434 ·
-
Enhance a11y for `Radio`Abiertoa11y good first issue test
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día