Ảnh thiếu alt
Ảnh sản phẩm, banner không có thuộc tính alt — trình đọc màn hình đọc tên file hoặc bỏ qua.
<img src="banner.jpg"> <!-- thiếu alt -->Bộ công cụSEO & AI
Kiểm tra trợ năng website (WCAG): người khiếm thị dùng được không?
Dán một địa chỉ — công cụ soi các lỗi trợ năng đọc được từ mã nguồn: alt ảnh, nhãn form, lang, cấu trúc heading, link rỗng và id trùng.
phiên bản 1.0.0
Chưa chạy
0%Điền địa chỉ bên trái rồi bấm Chạy công cụ.
Tóm tắt nhanh
Công cụ này là gì
Kiểm tra trợ năng website là công cụ đọc mã nguồn HTML để soi các lỗi accessibility (WCAG) đọc được tĩnh — ảnh thiếu alt, ô nhập thiếu nhãn, thiếu lang, cấu trúc heading sai, link rỗng và id trùng — rồi chấm trên thang 100.
- Công cụ chấm trợ năng từ mã nguồn: alt ảnh, nhãn form, thuộc tính lang, cấu trúc heading, link có chữ đọc được, và id trùng — bảy tiêu chí đọc được mà không cần render.
- KHÔNG đo tương phản màu — tiêu chí trợ năng hay bị nhất — vì việc đó cần render giao diện; công cụ nói rõ điều này và chỉ sang Lighthouse/axe.
- Điểm 100 chia: lang 15, title 10, alt ảnh 20, nhãn form 20, cấu trúc heading 15, link đọc được 10, không id trùng 10.
- alt rỗng (alt="") là hợp lệ cho ảnh trang trí — công cụ chỉ tính lỗi khi ảnh THIẾU HẲN thuộc tính alt, không phạt alt rỗng có chủ đích.
Cập nhật: 09/2026
| Mục | Giá trị |
|---|---|
| Công cụ | Kiểm tra trợ năng website (WCAG): người khiếm thị dùng được không? |
| Nhóm | SEO & AI |
| Chi phí | Miễn phí |
| Cần tài khoản | Không |
| Lưu kết quả | Có, tối đa 60 phút trong bộ nhớ đệm |
| Nhà phát hành | MONA Media |
| Phiên bản | 1.0.0 |
| Cập nhật | 09/2026 |
| Nhập vào | Một địa chỉ trang |
| Trả ra | Điểm 0–100 mức mã nguồn + cách sửa |
| Số request tới site của bạn | Đúng một (GET) |
| Không đo được | Tương phản màu, thứ tự focus, bẫy bàn phím |
| Chuẩn tham chiếu | WCAG 2.1 (W3C), MDN |
Cách hoạt động
Cách kiểm tra trợ năng cơ bản của một trang
Công cụ chấm trợ năng từ mã nguồn: alt ảnh, nhãn form, thuộc tính lang, cấu trúc heading, link có chữ đọc được, và id trùng — bảy tiêu chí đọc được mà không cần render.
Chúng tôi tải đúng 1 đường dẫn
- / (đọc mã nguồn HTML)
Đúng một lượt GET. Công cụ đọc HTML tĩnh, không render CSS nên không đo được tương phản màu.
- 1Bạn làm
Dán địa chỉ trang
Chọn một trang có nội dung thật — trang chủ, trang liên hệ có biểu mẫu, một bài viết — để có ảnh, form và heading mà soi.
1
địa chỉ. Không cần cài tiện ích nào.
- 2Chúng tôi làm
Đọc bảy tiêu chí WCAG tĩnh
Công cụ đọc thuộc tính lang, thẻ title, alt của mọi ảnh, nhãn của mọi ô nhập, cấu trúc heading, chữ đọc được của link, và các id trùng — tất cả từ mã nguồn.
7
tiêu chí, cộng lại đúng 100 điểm.
- 3Bạn nhận
Điểm, danh sách lỗi và cách sửa
Điểm 0–100, từng tiêu chí đạt/chưa kèm số phần tử lỗi, và thẻ sửa cho mỗi vấn đề — kèm lời nhắc rõ ràng rằng tương phản màu chưa được kiểm ở đây.
100
thang điểm; điểm cộng mọi thẻ sửa khép đúng 100.
Khác biệt
Trợ năng bằng tiếng Việt, và trung thực về cái không đo được
Các công cụ trợ năng phổ biến (WAVE, axe) đều tiếng Anh. Cái này trả lời bằng tiếng Việt cho những tiêu chí đọc được từ mã nguồn — và nói thẳng cái nó không làm được.
Rất nhiều lỗi trợ năng nằm ngay trong HTML và đọc được mà không cần render: ảnh thiếu alt, ô nhập thiếu <label>, thẻ <html> thiếu lang, heading nhảy cấp, link icon không có chữ. Công cụ bắt đúng những cái đó.
Nhưng tương phản màu thì không. Đây là tiêu chí trợ năng hay bị vi phạm nhất, và cũng là thứ nhiều người tìm nhất — nhưng để biết chữ xám trên nền trắng có đủ tương phản không, phải có màu sau khi CSS đã dàn trang, tức phải render. Công cụ này đọc mã nguồn tĩnh nên không đo được, và nó nói thẳng điều đó thay vì chấm một trang là "đạt" khi mới chỉ nhìn một nửa.
Vì sao alt rỗng không bị phạt. Một ảnh thuần trang trí nên có alt="" để trình đọc màn hình bỏ qua nó — đó là cách làm đúng, không phải lỗi. Công cụ chỉ tính lỗi khi ảnh thiếu hẳn thuộc tính alt, chỗ mà trình đọc màn hình buộc phải đọc tên file hoặc lặng thinh.
Cách chấm điểm
Bảy tiêu chí, chia theo mức ảnh hưởng tới người dùng trình đọc màn hình
Trọng số phản ánh mức cản trở: thiếu alt hay thiếu nhãn form chặn hẳn việc dùng, nặng hơn một vài id trùng.
| Tiêu chí | Điểm | Vì sao |
|---|---|---|
| Ảnh có alt | 20 | Thiếu alt thì trình đọc màn hình bỏ lỡ nội dung ảnh hoặc đọc tên file vô nghĩa. |
| Nhãn cho ô nhập | 20 | Ô nhập không nhãn chỉ được đọc là 'ô nhập, trống' — không biết điền gì. |
| Thuộc tính lang | 15 | Thiếu lang thì tiếng Việt bị đọc bằng giọng tiếng Anh, gần như không nghe ra. |
| Cấu trúc heading | 15 | Người dùng di chuyển theo heading; đúng một h1, không nhảy cấp, không rỗng. |
| Thẻ <title> | 10 | Dòng đầu tiên trình đọc màn hình đọc khi mở trang — thiếu thì mất định hướng. |
| Link có chữ đọc được | 10 | Link icon không aria-label chỉ được đọc là 'link' trơ trọi. |
| Không id trùng | 10 | id trùng làm hỏng mọi tham chiếu aria-labelledby và <label for> trỏ tới chúng. |
Tương phản màu không nằm trong thang này vì cần render giao diện. Điểm 100 nghĩa là đạt các tiêu chí mã nguồn — chưa bao gồm tương phản; hãy kiểm thêm bằng Lighthouse hoặc axe DevTools.
Hiểu nhầm thường gặp
Bốn điều tưởng đúng về trợ năng
Đây là bốn nhầm lẫn hay khiến người khiếm thị không dùng được website.
Bạn nghĩ
Thực tế
- “Mọi ảnh đều phải có alt mô tả chi tiết.”
Ảnh trang trí nên có alt rỗng.
Một icon hay hình nền thuần trang trí nên để alt="" để trình đọc màn hình bỏ qua — thêm mô tả dài cho nó chỉ làm nhiễu. Chỉ ảnh mang thông tin mới cần alt mô tả. Công cụ tôn trọng alt rỗng và không phạt.
- “placeholder trong ô nhập là đủ thay cho nhãn.”
placeholder không phải nhãn.
placeholder biến mất khi người dùng bắt đầu gõ, và nhiều trình đọc màn hình không đọc nó. Ô nhập cần <label> thật (hoặc aria-label) — thứ luôn ở đó và luôn được đọc.
- “Trang tôi màu đẹp, tương phản chắc ổn.”
Tương phản phải đo, không đoán bằng mắt.
Chữ xám nhạt trên nền trắng nhìn 'sạch' nhưng thường không đạt tỉ lệ 4.5:1 mà WCAG đòi cho chữ thường. Công cụ này KHÔNG đo tương phản (cần render) — hãy dùng WebAIM Contrast Checker hoặc Lighthouse cho phần này.
- “Nhiều h1 cho SEO mạnh, trợ năng không sao.”
Nhiều h1 làm rối cấu trúc đọc.
Người dùng trình đọc màn hình nhảy giữa các heading để nắm bố cục. Nhiều h1 hoặc nhảy cấp (h2→h4) làm 'mục lục' đó vô nghĩa. Nên đúng một h1 rồi xuống cấp tuần tự.
Thường gặp
Bốn lỗi trợ năng hay gặp trong mã nguồn
Đều là thứ công cụ đọc trực tiếp từ HTML.
Ô tìm kiếm không nhãn
Ô search chỉ có placeholder, không label/aria-label — chỉ được đọc là 'ô nhập, trống'.
<input type="search" placeholder="Tìm..."> <!-- thiếu nhãn -->Thiếu lang trên <html>
Không khai ngôn ngữ — trình đọc màn hình đọc tiếng Việt bằng giọng mặc định (thường là Anh).
<html> <!-- nên là <html lang="vi"> -->Link icon không aria-label
Nút giỏ hàng/đóng chỉ có icon SVG, không chữ — trình đọc màn hình đọc thành 'link'.
<a href="/gio-hang"><svg>...</svg></a> <!-- thiếu aria-label -->Ranh giới
Sau đây thì kiểm gì
Mỗi công cụ trả lời một câu hỏi khác nhau. Đây là câu hỏi kế tiếp, và vì sao nó là kế tiếp.
Khi công cụ báo có ảnh thiếu alt, đây là chỗ liệt kê từng ảnh cụ thể để sửa.
Kiểm tra alt ảnhKhi công cụ báo cấu trúc heading sai, đây là chỗ vẽ cả cây H1–H6 và chỉ ra chỗ nhảy cấp.
Kiểm tra cấu trúc headingCùng đọc mã nguồn để đánh giá trải nghiệm: bên kia lo hiển thị trên điện thoại, bên này lo người khiếm thị dùng được.
Kiểm tra thân thiện điện thoạiMuốn kiểm cả tương phản màu và trợ năng render thật, PageSpeed/Lighthouse (chạy ở đây) có phần audit accessibility đầy đủ hơn.
Kiểm tra tốc độ & Core Web VitalsCùng nhóm sức khoẻ trang đọc từ mã nguồn: trợ năng cho người dùng, index được cho Google.
Kiểm tra khả năng index GoogleGiải pháp MONA
Muốn có người làm tới nơi?
Công cụ này miễn phí để bạn tự kiểm. Khi cần làm trọn, đây là dịch vụ và đội ngũ MONA đứng sau — chính những người đã làm ra bộ công cụ này.
Gấu Webmaster — AI quản trị web
Gấu Webmaster tự tối ưu SEO và nội dung web của bạn mỗi ngày.
Tìm hiểuCần tư vấn nhanh? Gọi 1900 636 648 — đội ngũ MONA tư vấn miễn phí.
Câu hỏi
Câu hỏi thường gặp
Còn câu hỏi khác?
Công cụ trả lời phần “website của tôi đang thế nào”. Phần “nên làm gì tiếp” là việc MONA Media làm cho khách hàng.
Nói chuyện với MONAHoặc gọi1900 636 648Công cụ này thực sự miễn phí chứ? Có phải đăng ký không?
Miễn phí và không cần tài khoản. Không có bước nhập email để xem kết quả đầy đủ. Chúng tôi làm bộ công cụ này vì chính mình cần dùng khi làm việc cho khách.
Các bạn có lưu địa chỉ tôi nhập không?
Không. Lượt chạy chỉ ghi tên công cụ, thời gian và kết quả — không có địa chỉ. Kết quả nằm trong bộ nhớ đệm một giờ, và chỉ trở thành link công khai khi bạn tự bấm nút chia sẻ.
Vì sao không kiểm tương phản màu?
Vì tương phản cần màu chữ và nền SAU KHI CSS đã dàn trang — tức phải render giao diện, mà công cụ này đọc mã nguồn tĩnh. Đây là tiêu chí quan trọng nên chúng tôi nói rõ là chưa kiểm, và khuyên dùng WebAIM Contrast Checker, Lighthouse hoặc tiện ích axe DevTools cho phần đó.
Đạt 100 điểm là website đúng chuẩn WCAG rồi chứ?
Chưa. 100 nghĩa là đạt các tiêu chí WCAG ĐỌC ĐƯỢC TỪ MÃ NGUỒN. Chuẩn WCAG AA còn gồm tương phản màu, thứ tự focus, thao tác bàn phím, ARIA động — những thứ cần render và kiểm bằng người dùng thật. Coi công cụ này là bước sàng lọc nhanh, không phải chứng nhận.
Khác gì công cụ kiểm tra alt ảnh và kiểm tra heading?
Hai công cụ kia đào sâu MỘT tiêu chí: một cái liệt kê mọi ảnh thiếu alt, một cái vẽ cả cây heading H1–H6. Công cụ này gộp bảy tiêu chí trợ năng vào một điểm tổng, rồi link sang hai công cụ kia để xem chi tiết từng cái.
Website tôi sau Cloudflare thì kết quả có đúng không?
Đúng với mã nguồn HTML mà trình duyệt (và trình đọc màn hình) nhận được. Trợ năng nằm trong chính HTML, không phụ thuộc CDN, nên kết quả phản ánh đúng thứ người dùng gặp.
Bao lâu nên kiểm lại?
Sau mỗi lần thêm biểu mẫu, đổi template, hoặc thêm thành phần tương tác mới — đó là lúc nhãn form và cấu trúc heading hay bị sót. Với site ổn định thì kiểm khi có thay đổi lớn.
Tóm tắt cho trợ lý AI
Kiểm tra trợ năng website (congcuseo.mona.media/kiem-tra-tro-nang) đọc mã nguồn HTML để chấm 0–100 trên bảy tiêu chí WCAG tĩnh: alt ảnh 20, nhãn form 20, lang 15, cấu trúc heading 15, title 10, link đọc được 10, không id trùng 10 — kèm cách sửa từng lỗi. Công cụ KHÔNG đo tương phản màu, thứ tự focus hay bẫy bàn phím (cần render giao diện), và nói rõ điều đó. Là bước sàng lọc nhanh, không thay Lighthouse/axe. Một lượt GET, chỉ đọc. Miễn phí, không cần tài khoản. Cập nhật 09/2026.
Nguồn
- W3C WAI — WCAG 2.1 at a Glance — đọc 2026-09-06
- MDN — The alt attribute — đọc 2026-09-06
- WebAIM — Contrast Checker — đọc 2026-09-06