ToolCraft
Trang chủCông cụ AICông cụ lập trìnhChuyển đổi đơn vịCông cụ hình ảnh
ToolCraft

© 2026 ToolCraft. All rights reserved.

Chính sách Bảo mậtĐiều khoản Dịch vụ
DMCA.com Protection Status
Trang chủTrợ năngAlt Text Auditor

Trợ năng

Kiểm tra cấu trúc HeadingAlt Text AuditorARIA Landmark VisualizerForm Label Checker

Alt Text Auditor

Dán HTML để audit các phần tử <img>, <svg>, <input type=image> và role=img theo luật alt-text WCAG 2.1.

HTML được parse trên trình duyệt. URL ảnh không được fetch.

0
Ảnh
0
SVG
0
Trang trí
0
Có alt
Dán HTML chứa <img> hoặc <svg> để bắt đầu.

Xem tất cả Trợ năng

Xem tất cả
100% offline
New

Kiểm tra cấu trúc Heading

Dán HTML, xem cây H1-H6, nhận cảnh báo WCAG cho level bị bỏ qua, thiếu H1, heading rỗng.

Trợ năng
100% offline
New

ARIA Landmark Visualizer

Dán HTML để xem landmark tree của trang (banner/main/nav/aside/footer + ARIA role) và các vấn đề cấu trúc a11y.

Trợ năng
100% offline
New

Form Label Checker

Dán HTML form để kiểm tra mỗi <input>, <select>, <textarea>, <button> có accessible name theo WCAG 3.3.2.

Trợ năng

Alt Text Auditor là gì?

Alt text là mô tả ngắn của ảnh mà screen reader đọc cho user mù và khiếm thị — và là fallback Google đọc để hiểu mỗi ảnh truyền tải gì. Vậy mà alt là một trong những WCAG criteria bị vi phạm nhiều nhất: mọi page audit đều thấy alt thiếu, alt chỉ là tên file ("hero-image-final-v3.jpg"), alt là placeholder generic ("image", "photo"), hay alt 300 từ mà JAWS đọc liền không nghỉ. Alt Text Auditor parse bất kỳ HTML nào bạn dán — page đầy đủ, CMS template, React/Vue component export — và check mọi <img>, <svg>, <input type="image">, <area>, role="img" theo ruleset WCAG 2.1 SC 1.1.1 mà Lighthouse và axe-core sẽ flag. Chạy hoàn toàn trên trình duyệt, không upload, nên có thể audit draft chưa publish, trang admin nội bộ, hay deliverable cho khách hàng mà không leak nội dung. Dùng trong quá trình develop component để bắt lỗi sớm, trong mỗi push như checklist code-review, hay verify edit CMS trước khi publish.

Luật mà auditor check

(1) <img> không có alt là lỗi — screen reader đọc tên file hoặc skip im lặng. (2) <img alt=""> chỉ hợp lệ cho ảnh trang trí; flag info để xác nhận ý đồ. (3) alt bằng tên file hoặc generic như "image"/"photo"/"untitled" là lỗi/cảnh báo. (4) alt dài hơn 125 ký tự bị cảnh báo vì JAWS đọc không nghỉ. (5) <svg> cần aria-label / aria-labelledby / <title> child HOẶC aria-hidden="true". (6) <input type="image"> bắt buộc có alt — nó là button submit. (7) <area> có href cần alt mô tả link target. (8) Phần tử role="img" cần aria-label hay aria-labelledby.

FAQ