Facebook đã làm gì để cải thiện khả năng tiếp cận

Khi xây dựng tech stack mới, họ đã cân nhắc về khả năng tiếp cận ngay từ đầu

• Linting & Flow: bắt buộc ARIA

• Điều chỉnh kích thước phông chữ: có thể thực hiện bằng cách áp dụng rem, nhưng khó ép buộc, nên đã tự động chuyển đổi từ giá trị pixel CSS

• Contextual headings: dùng React Context để các tiêu đề luôn hiển thị đúng cấp độ ngay cả trên những trang phức tạp

• Phím tắt theo ngữ cảnh: dùng React Context để gói việc đăng ký phím tắt vào một API duy nhất

• Chạy nền một tính năng phát hiện và thông báo các vấn đề về khả năng tiếp cận ngay cả khi đang runtime

• Áp dụng ARIA Practices Guide để cân nhắc khả năng tiếp cận ngay từ khi tạo các component cơ sở

• Dành cho người dùng screen reader và người dùng bàn phím có thị lực, triển khai để Focus được duy trì ngay cả khi di chuyển giữa các component

• Cung cấp hook phản hồi dành cho screen reader

[xguru]

Câu chuyện Facebook tái cấu trúc tech stack của mình https://vi.news.hada.io/topic?id=2049