Những gì chúng tôi đã xây dựng, và những gì còn thiếu

Chúng tôi xây dựng theo Hướng dẫn về khả năng tiếp cận nội dung web (WCAG) phiên bản 2.2, ở mức AA — mức được Đạo luật Khả năng tiếp cận châu Âu và Mục 508 tại Hoa Kỳ tham chiếu. Về độ tương phản màu, chúng tôi đi xa hơn và hướng tới mức AAA, vì phần lớn website này là chữ trắng và xám trên nền gần như đen, và không có lý do gì để chấp nhận con số thấp hơn.

Chúng tôi không tuyên bố rằng website tuân thủ đầy đủ. Một tuyên bố về mức tuân thủ phải dựa trên kiểm thử, mà website này chưa được bên nào ngoài công ty đánh giá, cũng chưa được những người dùng trình đọc màn hình hằng ngày kiểm thử. Thay vào đó, chúng tôi đã đo đạc: mọi màu chữ đều được tính toán theo nền phía sau thay vì đánh giá bằng mắt, mọi trang đều được kiểm tra tự động với những gì có thể kiểm tra tự động, và các lộ trình bàn phím qua menu, bảng và băng chuyền đã được thử trực tiếp trong trình duyệt. Đó là công việc trung thực, nhưng không đồng nghĩa với một cuộc đánh giá độc lập.

Tuyên bố này áp dụng cho các trang công khai của www.surglasses.com. Tuyên bố không bao gồm các trình soạn thảo mà nhân viên của chúng tôi dùng để đăng tin tức và sự kiện, vốn là công cụ nội bộ có mật khẩu, và cũng không bao gồm phần mềm bên trong các thiết bị y tế và hệ thống giảng dạy của chúng tôi — những sản phẩm đó có tài liệu và yêu cầu pháp lý riêng.

• Liên kết “Chuyển đến nội dung chính” là thứ đầu tiên bạn gặp trên mọi trang, nên bạn không phải nhấn Tab qua toàn bộ menu ở mỗi trang.
• Tiêu điểm bàn phím luôn nhìn thấy được. Một đường viền xanh lá được vẽ quanh phần tử đang có tiêu điểm, cách phần tử một khoảng để không bị đường viền che mất. Nó xuất hiện khi dùng bàn phím và không xuất hiện khi nhấp chuột, nên có mặt khi cần và không vướng khi không cần.
• Các menu hoạt động đúng như menu. Bốn nút mở menu thả xuống là nút thật, không phải liên kết giả làm nút, và chúng cho biết menu đang mở hay đóng. Phím Xuống mở menu và di chuyển vào trong, phím Lên và Xuống di chuyển giữa các mục, còn phím Escape đóng menu và đưa tiêu điểm trở lại nút mở. Trên máy tính để bàn, menu còn mở khi nhận tiêu điểm mà hoàn toàn không cần JavaScript.
• Các bảng so sánh rộng có thể cuộn bằng bàn phím. Mỗi bảng nằm trong một vùng có thể nhận tiêu điểm và có tên riêng, nên bảng cuộn ngang bên trong khung của nó trong khi bản thân trang không bao giờ cuộn ngang.
• Lịch sử theo từng năm trên trang Chúng tôi là ai được xây dựng như một danh sách tab đúng nghĩa: phím Trái và Phải di chuyển giữa các năm, Home và End nhảy tới năm đầu và năm cuối, và bảng nội dung của mỗi năm được liên kết với tab của nó.
• Không có gì can thiệp vào thứ tự Tab. Không phần tử nào trên website được gán vị trí tùy chỉnh trong chuỗi Tab, nên tiêu điểm chỉ đơn giản đi theo thứ tự các phần tử xuất hiện trong trang.
• Các nút có kích thước tối thiểu 44 pixel vuông khi chúng là biểu tượng chứ không phải chữ — nút menu, liên kết mạng xã hội, các nút điều khiển băng chuyền.

Bên dưới, các trang là HTML thông thường: mỗi trang có một tiêu đề chính với các tiêu đề còn lại lồng bên dưới theo đúng thứ tự, các vùng đầu trang, điều hướng, nội dung chính và chân trang đúng nghĩa, danh sách thật và bảng thật. Tất cả 59 ô tiêu đề trong các bảng so sánh của website đều khai báo rõ chúng là tiêu đề của hàng hay của cột. Mọi hình ảnh đều có văn bản thay thế, và 25 hình thuần trang trí được đánh dấu như vậy để trình đọc màn hình bỏ qua thay vì đọc tên tệp — và khi nhân viên của chúng tôi thêm ảnh vào một tin tức hoặc sự kiện, trình soạn thảo yêu cầu họ mô tả ảnh ngay lúc đó.

Trên trang tin tức, việc đổi danh mục hoặc chuyển trang sẽ thay danh sách tại chỗ chứ không tải lại trang. Điều đó rất dễ khiến người dùng trình đọc màn hình không biết có gì xảy ra, nên danh sách được đánh dấu là đang bận trong khi tải và tiêu điểm được chuyển vào danh sách mới khi nó xuất hiện.

Website có hai biểu mẫu, trên trang liên hệ và trang Mua hàng ở đâu, và chúng được xây dựng với trang này trong đầu.

• Có một bước kiểm tra tự động, và nó không phải loại bạn phải giải. Các biểu mẫu có bước này vì những biện pháp không đòi hỏi gì ở bạn — một trường ẩn mà chỉ phần mềm tự động mới điền, giới hạn số tin nhắn mà một kết nối có thể gửi — không ngăn được người gửi điền biểu mẫu đúng cách. Bước kiểm tra chúng tôi chọn quan sát cách trình duyệt hoạt động thay vì đưa ra một câu đố, nên không ai phải nhận diện đèn giao thông hay chép lại những chữ cái méo mó; phần lớn thời gian nó tự hoàn tất và bạn chỉ thấy một ô nhỏ thông báo như vậy. Tuy nhiên, chúng tôi sẽ không giả vờ rằng nó miễn phí: nó cần JavaScript, có thể yêu cầu một cú nhấp để xác nhận, và là một thành phần của bên thứ ba. Nếu nó cản trở bạn vì bất kỳ lý do gì, hãy gọi điện cho chúng tôi (các số điện thoại ở cuối trang này) — kênh đó không có bước kiểm tra nào và chúng tôi xử lý tin nhắn theo cùng một cách.
• Mỗi trường đều có nhãn thật, luôn hiển thị phía trên ô nhập thay vì là văn bản gợi ý biến mất ngay khi bạn bắt đầu gõ. Các trường bắt buộc được đánh dấu là bắt buộc với trình duyệt, để phần mềm của bạn có thể báo trước khi bạn gửi.
• Các trường khai báo mục đích của chúng — tên, email, tổ chức, quốc gia, điện thoại — để tính năng tự điền của trình duyệt và trình quản lý mật khẩu có thể điền giúp bạn.
• Việc chọn nhiều sản phẩm dùng một nhóm hộp kiểm, không phải danh sách chọn nhiều. Loại danh sách đó cần nhấp kèm Ctrl để sử dụng và gần như không dùng được trên điện thoại.
• Không có giới hạn thời gian và không có phiên nào hết hạn. Bạn cứ thoải mái dành bao nhiêu thời gian tùy ý. Quy tắc thời gian duy nhất là mức tối thiểu: biểu mẫu được gửi trong vòng khoảng ba giây sau khi trang mở sẽ bị coi là tự động.
• Các biểu mẫu cần JavaScript. Cả bước kiểm tra bảo mật và việc gửi biểu mẫu đều cần JavaScript, nên khi tắt nó thì không gửi được biểu mẫu; biểu mẫu sẽ nói rõ như vậy và chỉ bạn đến số điện thoại của chúng tôi. Khi JavaScript bật, kết quả — đã gửi, hoặc có điều cần sửa — xuất hiện trong một thông báo cạnh nút mà trình đọc màn hình sẽ đọc to, và tiêu điểm bàn phím chuyển đến đó.

Nếu biểu mẫu không phù hợp với bạn vì bất kỳ lý do gì, đừng cố vật lộn với nó. Hãy gọi cho chúng tôi; các số điện thoại ở cuối trang này và trên trang địa điểm của chúng tôi.

Website này chỉ dùng HTML, CSS và JavaScript thuần. Không có plug-in nào cần cài và không có ứng dụng. Không có nội dung nào chúng tôi đăng ở đây chỉ có dưới dạng PDF — mọi trang đều là trang web, nên các công cụ đọc của chính trình duyệt hoạt động trên tất cả. Và hầu như không có gì được nhúng từ công ty khác: không có bong bóng chat, không có trình phát video của bên thứ ba và không có tiện ích phủ lên trang. Điều đó quan trọng hơn vẻ ngoài của nó, vì các lớp phủ như vậy là một trong những lý do phổ biến nhất khiến người dùng bàn phím bị kẹt trên một trang, và ở đây không có cái nào. Ngoại lệ duy nhất là bước kiểm tra bảo mật trên hai biểu mẫu, được mô tả ở phần Các biểu mẫu phía trên; nó chỉ có trên các trang đó và không ở nơi nào khác.

Có một thông báo của riêng chúng tôi: thông báo cookie về quảng cáo và đo lường phân tích, chỉ xuất hiện một lần cho đến khi bạn trả lời. Chúng tôi tự viết thay vì mua sẵn, nên nó hoạt động đúng cách — được đặt gần đầu trang cho người dùng bàn phím thay vì ở tận cuối, không giữ chặt tiêu điểm hay chặn trang phía sau, cả hai nút có cùng kích thước và dùng được bằng bàn phím, và trả lời một lần là xong. Nếu bạn từ chối, không có nội dung nào trên website này bị giữ lại với bạn.

Khi tắt JavaScript, toàn bộ website vẫn đọc được. Mọi chữ, hình ảnh, bảng và video trên các trang này đều nằm ngay trong HTML. Điều bạn mất là sự tiện lợi: các danh sách lối tắt đến mục không được tạo, slide đầu tiên của băng chuyền trang chủ đơn giản đứng yên, các mục xuất hiện ngay thay vì mờ dần vào, và trang tin tức chuyển trang bằng cách tải một trang mới như mọi website. Các video vẫn có điều khiển thông thường. Hai biểu mẫu là thứ duy nhất không hoạt động nếu thiếu JavaScript, vì bước kiểm tra bảo mật trên đó; biểu mẫu sẽ cho bạn biết và đưa các số điện thoại của chúng tôi.

Website được viết để hoạt động trên các phiên bản hiện tại của Chrome, Edge, Firefox và Safari trên Windows, macOS, iOS và Android, và cố ý không dùng tính năng nào chỉ một trong số đó hỗ trợ — đó cũng là lý do các hoạt họa sản phẩm trong suốt của chúng tôi là hình ảnh thay vì video, vì video trong suốt không có định dạng nào mà cả bốn trình duyệt đều phát được. Nếu một trang hoạt động bất thường với bạn, vui lòng cho chúng tôi biết trình duyệt và phiên bản; thường như vậy là đủ để chúng tôi tái hiện lỗi.