HTMLBàn phím là đường vào duy nhất với người hạn chế vận động, người dùng screen reader, và cả người dùng thành thạo muốn nhanh.
Phím quy ước — làm sai là người dùng mắc kẹt:
| Phím | Hành vi mong đợi |
|---|---|
Tab / Shift+Tab | đi tới / lùi giữa các control |
Enter | kích hoạt link và nút |
Space | kích hoạt nút, tick checkbox, cuộn trang |
Esc | đóng modal, popover, huỷ thao tác |
| mũi tên | di chuyển trong widget: menu, tab, slider, radio group |
css
/* SAI: xoá hẳn dấu focus */
:focus { outline: none; }
/* ĐÚNG: chỉ hiện khi điều hướng bằng bàn phím, và vẫn thấy rõ */
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}Lưu ý: modal mở ra nhưng focus vẫn nằm ở trang nền — người dùng Tab "ra ngoài" hộp thoại mà không biết. Modal cần đưa focus vào trong, giữ vòng focus, và trả focus về nút đã mở nó khi đóng.
Cách kiểm tra rẻ nhất: rút chuột ra, dùng thử toàn bộ luồng chính bằng bàn phím. Chỗ nào không tới được hoặc không biết mình đang ở đâu là lỗi.