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

Maintainer thường phản hồi trong vòng 1 ngày

Đánh giá

Hướng nghiên cứu

Mô tả

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/

Chuẩn bị môi trường

Bắt đầu từ đâu

1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
3. Fork repository và làm thay đổi trên một nhánh.
4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của cloudfour/cloudfour.com-patterns

• I would love a "Side Note" block

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  ✒️ gutenberg

  Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 30/100

  cloudfour/cloudfour.com-patterns#2148 · Mở ngày 6/3/2023

  Maintainer thường phản hồi trong vòng 1 ngày

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

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  :construction_worker: dev 🎨 design 🦮 a11y

  Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 35/100

  cloudfour/cloudfour.com-patterns#2128 · Mở ngày 7/2/2023

  Maintainer thường phản hồi trong vòng 1 ngày

• Additional Article Credits

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  🎨 design

  Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 25/100

  cloudfour/cloudfour.com-patterns#2000 · Mở ngày 4/8/2022

  Maintainer thường phản hồi trong vòng 1 ngày

• Bug: AlignWide content clipped

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100

  cloudfour/cloudfour.com-patterns#1916 · 2 bình luận · Mở ngày 7/7/2022

  Maintainer thường phản hồi trong vòng 1 ngày

• Prototype Series of Blog Posts

  Có thể làm lại được Pull request cho issue này đã bị đóng mà không được merge. Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  🎨 design

  Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 25/100

  cloudfour/cloudfour.com-patterns#1912 · 3 bình luận · Mở ngày 6/7/2022

  Maintainer thường phản hồi trong vòng 1 ngày

Tất cả issue của cloudfour/cloudfour.com-patterns

Issue tương tự

• fix: Title becomes the accessible name in FluentButton

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  a11y community:contribution

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100

  microsoft/fluentui-blazor#5590 · 1 bình luận · Mở ngày 4/11/2026

  Maintainer thường phản hồi trong vòng 1 ngày

• [a11y]: ProgressBar announces "Loading" when status is error

  Có thể đã có người làm @helloigig đã nhận hôm nay. Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy
  browser: chrome component: progress-bar package: @carbon/react package: @carbon/web-components platform: macos type: a11y ♿ type: bug 🐛

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100

  carbon-design-system/carbon#23947 · 1 bình luận · Mở ngày 4/11/2026

  Maintainer thường phản hồi trong vòng 1 ngày

• AT-SPI: application Parent is null, so Orca ignores Avalonia apps

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100

  AvaloniaUI/Avalonia#22697 · 1 bình luận · Mở ngày 4/11/2026

  Maintainer thường phản hồi trong vòng 1 ngày

• Hard to see dropdown item

  Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 66/100

  Kompismoln/klimatkalendern#108 · Mở ngày 3/11/2026

• [Bug]: Focusing Search button and pressing navigation, modifier, or alphanumeric keys causes unexpected modal activation and duplicate queries

  Có thể đã có người làm @rishav-raj-genx đã nhận hôm nay. Đang mở

  ⋯Báo cáo vấn đề với issue này

  • Có gì không ổn?

  • Đã có người nhận
  • Không phù hợp cho người mới
  • Đã cũ hoặc không hợp lệ
  • Vấn đề khác…
  • Gửi Hủy

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 85/100

  asyncapi/website#5886 · 2 bình luận · Mở ngày 3/11/2026

  Maintainer thường phản hồi trong vòng 1 ngày

Thêm issue về Accessibility