[Beta] Inaccessible UI Components

Accordion a11y issues

• When an Accordion trigger is focused, pressing down/up should focus the next/previous trigger.
• When an Accordion trigger is focused, pressing space should expand/contract its panel.
• The Accordion trigger should be a <button> rather than a <a>.
• The Accordion trigger should be wrapped in a h tag.
• The Accordion trigger should have an aria-expanded attr set to true when open.
• The Accordion trigger should have an aria-controls attr.

The same goes for the Tabs component (found in the sidebar and on code blocks), it fails a11y in many ways. I'd suggest you look at UI libs like Radix or ReachUI which provide high-quality, accessible UI components.

Bắt đầu bằng cách xác định các component Accordion và Tabs được sử dụng trong thanh bên và các khối mã, sau đó so sánh hành vi của chúng với các tài liệu tham chiếu của Radix và ReachUI được liên kết trong issue. Công việc được xem là hoàn tất khi các tương tác bàn phím được liệt kê cùng các yêu cầu về button, heading, aria-expanded và aria-controls đã được xử lý cho cả hai component.