Dán HTML form để kiểm tra mỗi <input>, <select>, <textarea>, <button> có accessible name theo WCAG 3.3.2.
HTML parse hoàn toàn trên trình duyệt. Không thu thập dữ liệu form nào.
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.
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.
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.
Khi screen reader gặp <input>, nó announce accessible name của field để user biết gõ gì. Nếu quên <label> hay chỉ viết placeholder, reader announce "edit, blank" — không gợi ý field là gì. WCAG 3.3.2 (Labels or Instructions) là một trong những success criteria bị vi phạm nhiều nhất ở site thương mại; ngay cả team dùng component library cũng thường skip wire htmlFor/id pair đúng. Form Label Checker parse bất kỳ HTML form nào bạn dán — page tĩnh, CMS export, output render của React component — và check mọi <input>, <select>, <textarea>, <button>, <output> theo chuỗi tra accessible-name: aria-labelledby → aria-label → <label for> → wrapping <label> → title attribute → value/text cho button. Flag placeholder dùng làm label duy nhất (mất khi focus), <label for=""> trỏ ID không có, ID trùng phá association label, <label> mồ côi, target aria-describedby thiếu, và thiếu autocomplete trên field email/tel/password. Audit trước khi push, sau mỗi refactor component, hay trên embed form bên thứ ba bạn phải integrate.
Theo ARIA spec, trình duyệt tính accessible name của form control bằng cách đi qua chuỗi này theo thứ tự, lấy kết quả non-empty đầu tiên: (1) aria-labelledby — IDs resolve và concat; (2) aria-label — string nguyên văn; (3) <label for="id"> ở chỗ khác trong document; (4) wrapping <label>; (5) cho <button>, text nhìn thấy; (6) cho <input type=submit|button|reset>, attribute value; (7) cho <input type=image>, attribute alt; (8) attribute title như phương án cuối. Tool báo source đầu tiên tìm thấy và flag khi source fallback (đặc biệt placeholder hay title) đang làm việc lẽ ra của label thật.