Consider matching DOM order for Sky Nav elements when JS is disabled for better accessibility
Maintainer antworten meist innerhalb von 1 Tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 35/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- javascript, scss
- Bereich
- accessibility, design, frontend
Rechercherichtung
Beginne damit, die Implementierung von Sky Nav zu finden und ihre DOM- und visuelle Reihenfolge bei deaktiviertem JavaScript zu überprüfen. Vergleiche die Tab-Reihenfolge der Tastatur mit den vorgeschlagenen Screenshots und verifiziere anschließend, dass die Navigationsreihenfolge unter Berücksichtigung der Position des Logos und der Bedenken hinsichtlich des Gradientendesigns übereinstimmt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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
- Vorherrschende Sprache
- SCSS
- Sterne
- 26
- Forks
- 4
- Ø Merge
- 16 Std. 7 Min.
- Gemergte PRs (30 T.)
- 88
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus cloudfour/cloudfour.com-patterns
-
✒️ gutenberg
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 30/100
cloudfour/cloudfour.com-patterns#2148 ·
Maintainer antworten meist innerhalb von 1 Tag
-
:construction_worker: dev 🎨 design 🦮 a11y
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 35/100
cloudfour/cloudfour.com-patterns#2128 ·
Maintainer antworten meist innerhalb von 1 Tag
-
🎨 design
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
cloudfour/cloudfour.com-patterns#2000 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
cloudfour/cloudfour.com-patterns#1916 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
Prototype Series of Blog PostsEvtl. wieder frei Ein Pull Request dazu wurde ohne Merge geschlossen. Offen🎨 design
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
cloudfour/cloudfour.com-patterns#1912 · 3 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in cloudfour/cloudfour.com-patterns
Ähnliche Issues
-
bug ready-for-agent
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
neutraltone/settee#132 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Enhance a11y for `Radio`Offena11y good first issue test
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
Maintainer antworten meist innerhalb von 1 Tag
-
accessibility enhancement good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
mukkund1996/serenity#87 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
Maintainer antworten meist innerhalb von 1 Tag
-
Use the brand yellow for the Am I a Bot? bannerEvtl. vergeben @Rabia-Ghafoor hat das heute übernommen. Offengood first issue help wanted
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
layer5io/blowhorn-site#374 · 3 Kommentare ·