Focusgroup Tests

Chrome 150 has shipped support for the focusgroup HTML attribute, a feature proposed by Open-UI that enables arrow-key navigation within composite ARIA widgets without JavaScript. The author has created a series of no-script CodePen demos covering listbox, menu, menubar, radiogroup, tablist, and toolbar patterns to help developers and accessibility practitioners test the feature before it reaches a formal spec. Early testing revealed several potential bugs, including unexpected Tab focus behavior with focusgroup="none", role exposure issues when combining focusgroup with role="presentation", and screen reader quirks in NVDA and JAWS. The author also shares concerns about the explainer leaning on APG patterns, the misuse of menu roles for site navigation, and the risk that developers will inadvertently apply ARIA roles to standard HTML just to get free arrow-key interactions.

Nguồn: https://adrianroselli.com/2026/07/focusgroup-tests.html. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.

Đề xuất cho bạn

iO tech_hub35 Hot5 phút4 ngày trướcAI

Is your site ready for AI agents? Lighthouse now has an answer

Google Lighthouse bổ sung hạng mục mới "Agentic Browsing" để kiểm tra mức độ sẵn sàng của website cho AI agents, cung cấp đánh giá pass/fail thay vì điểm 0-100. Các tiêu chí kiểm tra bao gồm: sự hiện diện của file llms.txt, tích hợp WebMCP, chất lượng cây truy cập (accessibility tree), và độ ổn định Cumulative Layout Shift (CLS).

Lập trình viên nên đọc bài này để hiểu cách chuẩn bị website cho tương tác với các bot AI tương tác trực tiếp với người dùng, từ đó tối ưu hóa hiệu suất, tính khả dụng và trải nghiệm cho các công cụ mới này.

#webdev