Các biện pháp được thực hiện để hỗ trợ khả năng tiếp cận

Để hỗ trợ khả năng tiếp cận trên toàn bộ trang web, chúng tôi đã triển khai các cải tiến sau:

1. Tối ưu hóa cấu trúc và trình đọc màn hình

• Hệ thống phân cấp tiêu đề hợp lý: Các trang được cấu trúc với các thẻ tiêu đề ($H1$, $H2$, $H3$) rõ ràng và theo trình tự, giúp người dùng sử dụng trình đọc màn hình điều hướng nội dung hiệu quả và theo đúng thứ tự đọc mong muốn.

• Tiêu đề trang mang tính mô tả: Mỗi trang đều có thẻ <title> riêng biệt và mang tính mô tả để giúp khách truy cập định hướng ngay lập tức.

• Văn bản thay thế (Alt text): Các hình ảnh chứa thông tin, giải thưởng của phòng khám, chứng nhận, biểu ngữ sự kiện và ảnh chân dung thành viên hội đồng đều có văn bản thay thế mang tính mô tả.

• Các yếu tố trang trí: Hình nền chỉ mang tính trực quan, hình ảnh tiêu đề trang trí và các biểu tượng dịch vụ mang tính thẩm mỹ được đánh dấu rõ ràng là yếu tố trang trí để tránh gây nhiễu thông tin khi trình đọc màn hình thông báo.

• Nhãn liên kết và nút bấm rõ ràng: Các yếu tố tương tác—bao gồm thanh điều hướng ở phần đầu/chân trang, biểu tượng mạng xã hội và các nút hành động—đều có nhãn rõ ràng, mang tính mô tả (loại bỏ các thông báo lặp lại và các biểu tượng không có nhãn).

​

2. Thiết kế Hình ảnh & Độ tương phản

• Độ tương phản màu sắc: Văn bản và các thành phần giao diện người dùng quan trọng (như giờ mở cửa và các thông báo chính) đáp ứng hoặc vượt mức tỷ lệ tương phản WCAG Cấp độ AA so với màu nền.

• Kiểm thử đơn sắc: Nội dung và các thành phần giao diện thiết yếu không chỉ dựa vào màu sắc để truyền tải ý nghĩa hoặc hướng dẫn.

• Phóng to & Tự động điều chỉnh bố cục (Reflow): Bố cục hỗ trợ tính năng phóng to của trình duyệt lên đến 200% mà không làm mất nội dung, không bị cắt xén menu hay làm hỏng các hộp thoại tương tác.

​

3. Điều hướng bằng bàn phím & Quản lý tiêu điểm

• Khả năng thao tác hoàn toàn bằng bàn phím: Các menu điều hướng chính, cửa sổ bật lên (popup), hộp thoại tương tác và các nút hành động quan trọng (như nút "Quyên góp" và "Đặt lịch hẹn") đều có thể được truy cập và sử dụng hoàn toàn bằng bàn phím (các phím Tab, Shift+Tab, Enter, Space, Esc).

• Chỉ báo tiêu điểm rõ ràng: Các thành phần tương tác sẽ hiển thị đường viền trực quan rõ nét khi được chọn bằng bàn phím.

​

4. Biểu mẫu & Các yếu tố tương tác

• Nhãn trường biểu mẫu: Các biểu mẫu dành cho bệnh nhân và các trường nhập liệu trong mục "Liên hệ" đều có nhãn rõ ràng, dễ đọc đi kèm với từng trường.

• Xử lý lỗi và xác thực dữ liệu: Các lỗi trên biểu mẫu được thông báo và chỉ ra rõ ràng, kèm theo hướng dẫn giúp người dùng sửa lại những thông tin bị thiếu hoặc không hợp lệ.

​

5. Phương tiện & Chuyển động

• Các điều khiển về chuyển động và tự động phát: Mọi hình ảnh động, văn bản chạy (marquee) hoặc thành phần đa phương tiện tự động phát đều phải cung cấp cho người dùng khả năng tạm dừng, dừng hoặc kiểm soát chuyển động nhằm giảm thiểu sự xao nhãng và ngăn ngừa tình trạng mệt mỏi về nhận thức.