Trợ năng

Đặt mức WCAG 2.2 AA không khẳng định @nexobox/ui hay apps/nexoframe đang đạt mức đó — đạt hay không là câu hỏi bằng chứng, thuộc 09_delivery/current-state.md, hiện trục evidence vẫn là none.

1. ID ổn định. A1–A6 giữ nguyên nghĩa và neo anchor. ID mới nối tiếp từ A7. Không bao giờ đánh số lại.
2. Nghĩa vụ không có cách kiểm thì không phải nghĩa vụ, nó là một mong muốn.
3. Một nghĩa vụ được định nghĩa ở đúng một nơi. A7 trở đi được định nghĩa đầy đủ trên trang foundation của chúng; bảng dưới đây là mục lục, không phải bản sao thứ hai.

Sàn ở con trỏ thô là --nf-foundation-size-touch-target (44px). Chiều cao Button là --nf-component-button-height cho md. Sàn tuyệt đối WCAG 2.2 AA 2.5.8 đặt 24 × 24 CSS px — không size nào, không density nào được xuống dưới mức đó. Button đặt chiều cao tối thiểu và không đặt bề rộng tối thiểu, nên nút chỉ có icon phải được kiểm cả hai trục.

Kiểm. Đo hộp điều khiển trên trang live, cả bề rộng và chiều cao, so với token đọc lúc chạy. Bật giả lập cảm ứng để kiểm nhánh con trỏ thô.

Một điều khiển là <button>, <a> hoặc input thật. Tiêu điểm nhìn thấy được. Tab di chuyển. Escape trả tiêu điểm khi overlay đóng.

Kiểm. Tab qua probe trên trang live. Nó không giữ tiêu điểm và không thêm tabindex.

Màu không bao giờ là tín hiệu trạng thái duy nhất. Focus-visible là một hình — ring --nf-semantic-focus-ring. Chữ thường đạt 4.5:1; chữ lớn đạt 3:1. Thành phần giao diện và đồ hoạ mang nghĩa — viền input, icon trạng thái, ring tiêu điểm — đạt 3:1 so với nền liền kề.

Kiểm. Bản xám hoá trên trang live giữ mọi trạng thái nhận ra được bằng chữ. Cặp màu tính bằng công thức luminance, không ước lượng bằng mắt.

Ranh giới chạy qua cái gì đang bận, không qua component nào. Thuộc về primitive:trạng thái bận của một điều khiển người dùng vừa kích hoạt — Button nhận loading, giữ nhãn, đặt aria-busy="true" và disabled. Thuộc về pattern cha: rỗng, lỗi, và trạng thái đang tải của một vùng.

Điều khiển chỉ có icon phải có tên trợ năng (aria-label). Nhãn nhìn thấy của Button là children của nó. Nếu nhãn nhìn thấy là Lưu thì tên trợ năng phải chứa Lưu(Label in Name).

Kiểm. Trang live có một nút có nhãn và một nút icon có tên. Nó không đặt điều khiển icon không tên vào thứ tự tab.

prefers-reduced-motion: reduce đưa thời lượng chuyển động về 0. Không thêm hệ chuyển động thứ hai. Ngoại lệ duy nhất: chỉ báo loading của Button dài ra thay vì dừng.

Mọi chức năng dùng thao tác kéo phải có đường thay thế bằng một cú bấm đơn. Kéo là bổ sung, không bao giờ là đường duy nhất — WCAG 2.2 AA 2.5.7. Drawer mobile đóng được bằng nút, không chỉ bằng vuốt. Slider có ô nhập số. Sắp xếp lại danh sách có nút lên / xuống.

Kiểm. Làm mọi việc trên trang chỉ bằng Tab và Enter. Cái gì không làm được là vi phạm A25.

Thông tin người dùng đã nhập trong cùng một quy trình không được hỏi lại, trừ khi việc hỏi lại là bản chất của việc — WCAG 2.2 mức A 3.3.7. Biểu mẫu nhiều bước điền sẵn dữ liệu bước trước.

Kiểm. Đi hết một quy trình nhiều bước. Đếm số lần cùng một dữ kiện bị hỏi.

Bước xác thực không được đòi một phép thử nhận thức — nhớ mật khẩu, giải đố, chép lại ký tự — mà không có đường thay thế. Không chặn dán vào ô mật khẩu, không tắt trình quản lý mật khẩu. Luồng xác thực là hành vi, thuộc docs/; ở đây chỉ ghi ràng buộc ngoại hình.

Kiểm. Dán vào mọi ô xác thực. Nếu bị chặn, đó là vi phạm.

Quan hệ nhìn thấy bằng mắt phải tồn tại trong đánh dấu: tiêu đề là <h1>–<h6> không nhảy bậc, danh sách là <ul> / <ol>, bảng có <th> với scope, biểu mẫu có <label> nối bằng for. Landmark header, nav có nhãn, mainxuất hiện đúng một lần ở cấp cao nhất.

Kiểm. Đọc cây accessibility trong devtools, không đọc CSS. Liệt kê landmark; liệt kê tiêu đề theo bậc và xác nhận không nhảy bậc.

Không khẳng định đạt WCAG 2.2 AA. Mức là mục tiêu ràng buộc. Chưa có kiểm toán nào; trục evidence là none. Bất kỳ tuyên bố nào rằng một bề mặt sản phẩm "đã dễ tiếp cận" vẫn phải qua docs/09_delivery/current-state.md.