Trực quan hóa và gỡ lỗi khả năng truy cập trang web với Tota11y

Công nghệ hỗ trợ là chuẩn mực mới cho thiết kế web. Một khi thiết kế đáp ứng trở thành xu hướng, nó nhanh chóng trở nên rõ ràng đối với các nhà thiết kế rằng việc hỗ trợ nhiều người dùng hơn là điều cần thiết.

Nhưng có rất nhiều việc phải làm để truy cập web. Đây là một chủ đề lớn và không phải là thứ bạn có thể chọn mà không có công cụ tiện dụng.

Tota11y là một bộ công cụ miễn phí để trực quan hóa các vấn đề về khả năng truy cập trang web của bạn. Điều này hoạt động ngay trong trình duyệt để bạn có thể tải lên bộ công cụ, nhấp xung quanh trang web của bạn (hoặc bất kỳ trang web nào!) Để tìm đề xuất khả năng truy cập.

Điều này hoạt động như một thư viện JavaScript có thể được cắm vào bất kỳ trang nào. Bạn cũng có thể chạy thủ công trên các trang web trực tiếp thông qua Chrome DevTools, nhưng điều đó không phải lúc nào cũng hữu ích trừ khi bạn làm việc trên trang web của người khác.

Tota11y thêm một thanh công cụ nhỏ vào trang của bạn và chạy linh hoạt trên toàn bộ DOM. Bất cứ khi nào bạn nhấp vào một yếu tố bạn sẽ nhận được một hộp mở rộng nhỏ với các chi tiết bao gồm các vấn đề về khả năng truy cập.

Một điều tôi thực sự thích về Tota11y là ngôn ngữ rõ ràng được sử dụng với mỗi hộp chú thích. Hầu hết các tài liệu của WAI-ARIA đều cảm thấy như đọc mã số thuế. Tuyệt vời để đặt bản thân bạn vào giấc ngủ, không tuyệt vời để gỡ lỗi một trang web.

Với thư viện này, bạn sẽ tìm thấy vấn đề và giải pháp viết bằng tiếng Anh. Vì vậy, dễ dàng hơn để tiêu thụ và các giải pháp nhanh chóng.

Nếu bạn truy cập trang chính, bạn sẽ tìm thấy bản demo của Tota11y đang chạy trên trang web. Đó là tab nhỏ màu đen nằm ở góc dưới bên trái của màn hình. Chỉ cần nhấp vào đó để xem mở rộng bao gồm tất cả các yếu tố trang chính.

Toàn bộ mọi thứ được mở theo giấy phép MIT nên rất dễ làm việc với.

Bạn có thể lấy một bản sao trên GitHub và sử dụng nó cho khá nhiều thứ. Tota11y cũng đi kèm với một loạt các plugin bạn có thể mở rộng lên tập lệnh chính. Những thêm chức năng để kiểm tra các mối quan tâm tiếp cận chi tiết hơn.

Nếu bạn thích thử nghiệm khả năng truy cập thì bạn hoàn toàn muốn có một bản sao của tập lệnh này trong hộp công cụ của bạn.