Giải thích & khắc phục lỗi Accessibility

Chuỗi bài viết phân tích các lỗi accessibility phổ biến như thiếu main landmark, thiếu label, lỗi heading, color contrast và cách khắc phục đúng chuẩn WCAG cho website hiện đại.

Ảnh minh họa: Lỗi “Document Does Not Have a

Lỗi “Document Does Not Have a Main Landmark” là gì và cách khắc phục chuẩn Accessibility

10/01/2026 0 16 4 phút đọc

Lỗi Document does not have a main landmark là một cảnh báo phổ biến trong các công cụ audit accessibility như Lighthouse, axe hoặc WAVE. Vấn đề này xảy ra khi trang HTML không xác...

Ảnh minh họa: Elements Do Not Have Sufficient Color

Elements Do Not Have Sufficient Color Contrast: Lỗi tương phản màu phổ biến và cách khắc phục đúng chuẩn

10/01/2026 0 4 5 phút đọc

Lỗi Elements do not have sufficient color contrast là một trong những vấn đề accessibility xuất hiện nhiều nhất khi audit website bằng Lighthouse, axe hoặc theo tiêu chuẩn WCAG. Điều trớ trêu là giao...

Ảnh minh họa: Links Do Not Have a Discernible

Links Do Not Have a Discernible Name: Lỗi link không có tên rõ ràng và cách khắc phục đúng chuẩn

10/01/2026 0 6 4 phút đọc

Lỗi Links do not have a discernible name là một vấn đề accessibility rất hay bị bỏ qua vì nó không ảnh hưởng đến giao diện. Với người dùng bình thường, link vẫn bấm được,...

Ảnh minh họa: Form Elements Do Not Have Associated

Form Elements Do Not Have Associated Labels: Lỗi form không có label và cách khắc phục chuẩn Accessibility

10/01/2026 0 10 4 phút đọc

Lỗi Form elements do not have associated labels là một trong những lỗi accessibility nghiêm trọng nhưng lại xuất hiện rất thường xuyên trên website hiện đại. Form nhìn vẫn đẹp, vẫn dùng được với...

Ảnh minh họa: Heading Elements Are Not in a

Heading Elements Are Not in a Sequentially-Descending Order: Lỗi thứ tự heading và cách sửa đúng chuẩn Semantic

10/01/2026 0 6 5 phút đọc

Lỗi Heading elements are not in a sequentially-descending order là một lỗi accessibility rất “dev-style”: không làm vỡ giao diện, không ảnh hưởng CSS, nhưng lại phá nát cấu trúc ngữ nghĩa của trang. Với...

Ảnh minh họa: Images Do Not Have Alternate Text:

Images Do Not Have Alternate Text: Lỗi thiếu alt text và cách viết alt đúng chuẩn Accessibility

10/01/2026 0 5 5 phút đọc

Lỗi Images do not have alternate text là một trong những lỗi accessibility lâu đời nhất, nhưng đến nay vẫn xuất hiện đều đặn trên rất nhiều website. Ảnh hiển thị bình thường, layout không...

Ảnh minh họa: Buttons Do Not Have an Accessible

Buttons Do Not Have an Accessible Name: Lỗi nút không có tên truy cập và cách khắc phục đúng chuẩn

10/01/2026 0 4 4 phút đọc

Lỗi Buttons do not have an accessible name xuất hiện rất nhiều trong các website hiện đại, đặc biệt là những giao diện dùng icon button, custom UI hoặc JavaScript framework. Với người dùng chuột,...

Ảnh minh họa: ARIA Roles Used Incorrectly: Lỗi dùng

ARIA Roles Used Incorrectly: Lỗi dùng sai ARIA và cách tránh “over-engineering accessibility”

10/01/2026 0 5 4 phút đọc

Lỗi ARIA roles used incorrectly là một lỗi accessibility thuộc nhóm “cao cấp”, thường xuất hiện ở các website được build bởi dev có kinh nghiệm nhưng… quá tay. Ý định ban đầu là tốt:...

Giải thích & khắc phục lỗi Accessibility

Init Toolbox

Đăng nhập