Consider matching DOM order for Sky Nav elements when JS is disabled for better accessibility

維護者通常 1 天內回覆

評估

研究方向

描述

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

• https://web.dev/visual-order-follows-dom/

環境準備

從這裡開始

1. 先讀完整個 Issue，再讀專案的貢獻指南。
2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
3. Fork 儲存庫，在一個分支上完成修改。
4. 送出 Pull Request，並在描述裡引用這個 Issue 編號。

cloudfour/cloudfour.com-patterns 的其他 Issue

• I would love a "Side Note" block

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  ✒️ gutenberg

  難度 5/5 一週以上 新手友好度 30/100

  cloudfour/cloudfour.com-patterns#2148 · 2023年3月6日 建立

  維護者通常 1 天內回覆

• Explore updates to our fluid type calculations for simplicity and accessibility

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  :construction_worker: dev 🎨 design 🦮 a11y

  難度 5/5 一週以上 新手友好度 35/100

  cloudfour/cloudfour.com-patterns#2128 · 2023年2月7日 建立

  維護者通常 1 天內回覆

• Additional Article Credits

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  🎨 design

  難度 5/5 一週以上 新手友好度 25/100

  cloudfour/cloudfour.com-patterns#2000 · 2022年8月4日 建立

  維護者通常 1 天內回覆

• Bug: AlignWide content clipped

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 2/5 1-3 小時 新手友好度 45/100

  cloudfour/cloudfour.com-patterns#1916 · 2 則留言 · 2022年7月7日 建立

  維護者通常 1 天內回覆

• Prototype Series of Blog Posts

  可能重新可做 關聯的 PR 已關閉且未合併。 未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  🎨 design

  難度 5/5 一週以上 新手友好度 25/100

  cloudfour/cloudfour.com-patterns#1912 · 3 則留言 · 2022年7月6日 建立

  維護者通常 1 天內回覆

查看 cloudfour/cloudfour.com-patterns 的全部 Issue

相似的 Issue

• The season and episode marker is hard to read on a focused episode row

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  bug ready-for-agent

  難度 2/5 1-3 小時 新手友好度 82/100

  neutraltone/settee#132 · 1 則留言 · 2026年11月3日 建立

  維護者通常 1 天內回覆

• Enhance a11y for `Radio`

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  a11y good first issue test

  難度 2/5 1-3 小時 新手友好度 68/100

  yamada-ui/yamada-ui#7983 · 2026年11月2日 建立

  維護者通常 1 天內回覆

• website(docs): pause the feature GIFs for visitors who prefer reduced motion

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  accessibility enhancement good first issue

  難度 2/5 1-3 小時 新手友好度 82/100

  mukkund1996/serenity#87 · 2026年11月2日 建立

  維護者通常 1 天內回覆

• `DocsPage` `editOnGithub`: omitting `sha` links to `/blob/undefined/...`, and the new-tab link does not say so in its name

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 2/5 1-3 小時 新手友好度 72/100

  fuma-nama/fumadocs#3776 · 2026年11月2日 建立

  維護者通常 1 天內回覆

• Use the brand yellow for the Am I a Bot? banner

  可能已有人在做 @Rabia-Ghafoor 今天認領。 未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  good first issue help wanted

  難度 2/5 1-3 小時 新手友好度 72/100

  layer5io/blowhorn-site#374 · 3 則留言 · 2026年11月2日 建立

更多 Accessibility Issue