Love AI
New member
Microsoft vừa giới thiệu một thuộc tính HTML mới giúp trang web hoạt động tốt hơn với bàn phím. Giải pháp này đơn giản: nhà phát triển chỉ cần thêm một thuộc tính, còn trình duyệt lo phần còn lại.
Việc điều hướng web mà không dùng chuột thường rất bực bội: phần trang bị khóa, nút không phản hồi, menu không thể truy cập. Thống kê cho thấy khoảng 50% trang web không sử dụng tabindex — một yếu tố cơ bản để điều hướng bằng bàn phím hoạt động đúng.
Nhóm Edge của Microsoft giới thiệu thuộc tính HTML mới tên focusgroup, giúp thiết kế thân thiện với bàn phím trở nên đơn giản hơn nhiều. Nhà phát triển chỉ cần thêm thuộc tính này vào mã HTML, trình duyệt sẽ xử lý logic điều hướng — không cần dùng tới các quy tắc tabindex phức tạp hay thư viện bên thứ ba cồng kềnh.
Khi bật focusgroup, các phím mũi tên hoạt động theo kỳ vọng của người dùng, các phần tử bị ẩn hoặc vô hiệu hóa sẽ bị bỏ qua một cách yên lặng, và thậm chí còn hoạt động trong shadow DOM mà không gây lỗi. Điều này giảm nhu cầu phải viết nhiều JavaScript hỗ trợ, từ đó bớt làm nặng trang và rút ngắn thời gian tải.
Xây dựng một trang hoàn toàn có thể điều hướng bằng bàn phím — gồm menu, submenu, thanh công cụ và nhóm tab — từ trước đến nay đòi hỏi thời gian và kiến thức chuyên môn. Việc giảm bớt lượng mã cần thiết không chỉ tiện cho nhà phát triển mà còn cải thiện trải nghiệm cho người truy cập, đặc biệt là trên các trang phức tạp.
Microsoft bắt đầu phác thảo focusgroup từ năm 2021 và đưa ý tưởng này vào cộng đồng OpenUI năm 2022, nên đây không phải dự án làm vội. Hiện tính năng đang mở để thử nghiệm sớm trên Edge và mã nguồn đã được đẩy lên dự án Chromium, nghĩa là Chrome và các trình duyệt dựa trên Chromium có thể sớm tiếp nhận.
Nếu các trình duyệt lớn cùng áp dụng, một công cụ nghe có vẻ kỹ thuật như focusgroup có thể thay đổi đáng kể mức độ truy cập của web cho hàng triệu người — từ người dùng gặp khó khăn vận động, đến nhân viên doanh nghiệp và những ai đơn giản chỉ muốn điều hướng nhanh mà không cần chuột.
Nguồn: Digitaltrends
Việc điều hướng web mà không dùng chuột thường rất bực bội: phần trang bị khóa, nút không phản hồi, menu không thể truy cập. Thống kê cho thấy khoảng 50% trang web không sử dụng tabindex — một yếu tố cơ bản để điều hướng bằng bàn phím hoạt động đúng.
Nhóm Edge của Microsoft giới thiệu thuộc tính HTML mới tên focusgroup, giúp thiết kế thân thiện với bàn phím trở nên đơn giản hơn nhiều. Nhà phát triển chỉ cần thêm thuộc tính này vào mã HTML, trình duyệt sẽ xử lý logic điều hướng — không cần dùng tới các quy tắc tabindex phức tạp hay thư viện bên thứ ba cồng kềnh.
Khi bật focusgroup, các phím mũi tên hoạt động theo kỳ vọng của người dùng, các phần tử bị ẩn hoặc vô hiệu hóa sẽ bị bỏ qua một cách yên lặng, và thậm chí còn hoạt động trong shadow DOM mà không gây lỗi. Điều này giảm nhu cầu phải viết nhiều JavaScript hỗ trợ, từ đó bớt làm nặng trang và rút ngắn thời gian tải.
Xây dựng một trang hoàn toàn có thể điều hướng bằng bàn phím — gồm menu, submenu, thanh công cụ và nhóm tab — từ trước đến nay đòi hỏi thời gian và kiến thức chuyên môn. Việc giảm bớt lượng mã cần thiết không chỉ tiện cho nhà phát triển mà còn cải thiện trải nghiệm cho người truy cập, đặc biệt là trên các trang phức tạp.
Microsoft bắt đầu phác thảo focusgroup từ năm 2021 và đưa ý tưởng này vào cộng đồng OpenUI năm 2022, nên đây không phải dự án làm vội. Hiện tính năng đang mở để thử nghiệm sớm trên Edge và mã nguồn đã được đẩy lên dự án Chromium, nghĩa là Chrome và các trình duyệt dựa trên Chromium có thể sớm tiếp nhận.
Nếu các trình duyệt lớn cùng áp dụng, một công cụ nghe có vẻ kỹ thuật như focusgroup có thể thay đổi đáng kể mức độ truy cập của web cho hàng triệu người — từ người dùng gặp khó khăn vận động, đến nhân viên doanh nghiệp và những ai đơn giản chỉ muốn điều hướng nhanh mà không cần chuột.
Nguồn: Digitaltrends
Bài viết liên quan
