Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Anti-Pattern Suggestion: Radio Buttons and Checkboxes

Đang mở
  • Có gì không ổn?
#5 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
35/100
Loại issue
Tài liệu
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
css
Lĩnh vực
accessibility, documentation, frontend

Hướng nghiên cứu

Tìm hướng dẫn hiện có của repository về anti-pattern hoặc form-control và xem xét cách các mục liên quan được tổ chức. Thêm hướng dẫn bao quát các nút radio tùy chỉnh và checkbox bị ẩn bằng display:none, visibility:hidden hoặc kích thước bằng 0, đồng thời cân nhắc xem hai trường hợp này có nên được gộp chung hay không; được xem là hoàn thành khi cả hai vấn đề về khả năng truy cập đều được ghi lại rõ ràng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

There are 2 CSS anti-patterns I've run into with radio buttons and checkboxes that have custom styles. Please let me know if you'd rather have these in 2 separate issues and I can do that. If you add these, feel free to take as much or as little of my descriptions as you want. I know the display: none issue is one I see all the time:

Inputs Set to Display: None

display: none and visibility: hidden prevent screen reader users and sighted keyboard users from being able to focus and interact with the inputs. Screen reader users may not even know that the fields exist at all.

Inputs have width and/or height set to 0

This hides the fields from screen readers. [If I recall correctly, in FF/NVDA, if you focus a checkbox that has width and height 0 it will be read as "blank". Presumably it only gets read at all because it's in the focus order.]

Ngôn ngữ chính
Không có dữ liệu ngôn ngữ
Star
19
Fork
3
Không có pull request nào được merge trong 30 ngày

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

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

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 MelSumner/ember-component-patterns

Tất cả issue của MelSumner/ember-component-patterns

Issue tương tự

Thêm issue về Accessibility

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.