Tôi sẽ cố gắng chỉ cho bạn một số điều tôi nghĩ là hữu ích và quan trọng axe™ DevTools và sử dụng càng ít từ càng tốt.
ax DevTools bao gồm một tiện ích mở rộng cho trình duyệt mà bạn không cần phải có kiến thức chuyên môn đặc biệt để sử dụng.
Bạn cài đặt nó từ các thư mục tiện ích mở rộng giống như bất kỳ tiện ích mở rộng nào khác.
Đó là một tab cùng với các Công cụ dành cho nhà phát triển khác của bạn.
Nó có thể ở tận bên phải. Tôi thích nhấp và kéo nó qua tab Thành phần.
Bây giờ tôi có thể quét trang của mình và tìm thấy 57% vấn đề về khả năng truy cập cùng với trợ giúp khắc phục chúng.
Đây là một <iframe> trên CodePen bị thiếu một title thuộc tính.
Bản thân thông tin trong tiện ích mở rộng rất hữu ích trong việc khắc phục sự cố nhưng tôi cũng có thể nhấp qua để Đại học Deque để có được thông tin rất rõ ràng, chi tiết về vấn đề, nó ảnh hưởng đến ai và cách khắc phục. Đối với vấn đề tôi tìm thấy ở trên:
Người dùng trình đọc màn hình có tùy chọn hiển thị danh sách tiêu đề cho tất cả các khung trên một trang. Việc thêm tiêu đề mang tính mô tả, độc đáo cho phép người dùng nhanh chóng tìm thấy khung mình cần. Nếu không có tiêu đề, việc điều hướng qua các khung có thể nhanh chóng trở nên khó khăn và khó hiểu.
ax DevTools Pro mở khóa các bài kiểm tra Intelligence Guided™, nghĩa là chúng tôi có thể khắc phục 83% tất cả các vấn đề về khả năng tiếp cận.
Có nhiều vấn đề về khả năng truy cập mà quá trình quét mã tĩnh không thể phát hiện được. Ví dụ: trang web của bạn có phương thức không? Nếu vậy, việc kiểm tra nó đòi hỏi một số thử nghiệm từng bước. Nút nào mở nó (vì tiêu điểm sẽ cần được trả lại ở đó)? Phương thức có thể được tìm thấy sau khi mở không? Nó có bẫy tập trung không? Có đóng được không? Đây là những vấn đề quan trọng mà bạn khó nhớ và không thể kiểm tra tĩnh. Nhưng bạn thật may mắn, Bài kiểm tra có hướng dẫn thông minh (bạn đạt được bằng nâng cấp lên rìu DevTools Pro) làm cho vấn đề trở nên dễ giải quyết hơn vì nó sẽ hướng dẫn bạn từng bước.
“Hãy làm sạch chiếc rìu của mình trước khi đẩy.” là một điều về văn hóa công ty mà tôi có thể đạt được.
Bạn không phạm lỗi cú pháp trong mã. Bạn không cam kết mã được định dạng kém. Đừng phạm phải lỗi về khả năng tiếp cận. Hãy mở DevTools của rìu và dọn dẹp sạch sẽ trước khi thực hiện các cam kết mới.
Bạn bè không cho phép bạn bè gửi mã không thể truy cập được.
