Khả năng tiếp cận
Một tuyên bố đáng đọc là tuyên bố nêu rõ những điều còn thiếu sót. Tuyên bố này làm như vậy, đồng thời nêu rõ các tiêu chuẩn chúng tôi hướng tới khi xây dựng sản phẩm và cách báo cáo những điều chúng tôi đã bỏ sót.
- Hướng tới WCAG 2.2 AA
- Đo lường độ tương phản, không đánh giá chủ quan
- Liệt kê các điểm còn thiếu
Quan điểm
Chúng tôi xây dựng website này theo WCAG 2.2 cấp độ AA và kiểm tra thay vì mặc định rằng website đã đáp ứng: độ tương phản được đo dựa trên màu nền mà mỗi phần tử thực sự được hiển thị trên đó, và một lỗi sẽ chặn quá trình build. Đây không phải là mục tiêu được công bố rồi xem xét lại mỗi năm — tiêu chuẩn này được kiểm tra trong mọi lần phát hành.
Đây không phải là tuyên bố về việc tuân thủ đầy đủ. Các thiếu sót đã biết được liệt kê bên dưới thay vì bị lược bỏ. Nếu có nội dung nào trên website này hoặc trong ứng dụng không thể sử dụng đối với bạn, hãy viết cho chúng tôi theo địa chỉ [email protected] với tiêu đề Accessibility và cho chúng tôi biết điều gì đã xảy ra — thông tin đó được xử lý như một báo cáo lỗi, không phải phản hồi.
Có hiệu lực từ
Những gì đã được tích hợp
- Mọi trang đều hoạt động mà không cần JavaScript. Không có nội dung nào mặc định bị ẩn rồi được script hiển thị, vì vậy một trang có script bị lỗi, trình chặn nội dung nghiêm ngặt hoặc ứng dụng chỉ hiển thị văn bản vẫn cho thấy nội dung của trang. Các thành phần tương tác chỉ là phần bổ sung trên những trang vốn đã hoạt động.
- Độ tương phản được đo trên nền thực tế đã hiển thị, bằng cách xác định phần tử tổ tiên đầu tiên có nền đục phía sau mỗi phần tử, thay vì ước lượng trên một màu nền giả định. Văn bản nội dung trên trang này từng có tỷ lệ 4.49:1 — thấp hơn AA nhưng nhìn hoàn toàn bình thường — và chỉ được phát hiện nhờ phép đo.
- Liên kết bỏ qua và trạng thái tiêu điểm hiển thị rõ. Mỗi trang đều mở đầu bằng liên kết chuyển đến nội dung, và mọi thành phần tương tác đều có chỉ báo tiêu điểm hiển thị rõ thay vì xóa đường viền cho gọn mắt.
- Cấu trúc ngữ nghĩa. Mỗi trang có một h1, các tiêu đề theo đúng thứ tự không bỏ qua cấp, danh sách thực, bảng có ô tiêu đề và chú thích phù hợp, cùng các vùng chức năng để trình đọc màn hình điều hướng.
- Chuyển động tôn trọng cài đặt hệ thống. Mọi hiệu ứng chuyển động đều bị vô hiệu hóa khi prefers-reduced-motion được bật, và nội dung hiển thị ngay lập tức thay vì chờ hiệu ứng xuất hiện.
- Văn bản có thể phóng to. Bố cục sử dụng đơn vị tương đối và tự sắp xếp lại thay vì bị vỡ hoặc phải cuộn ngang khi văn bản được phóng to hay cửa sổ hẹp.
- Văn bản thay thế có ý nghĩa, đồng thời để trống alt một cách có chủ ý cho hình ảnh bên trong liên kết vốn đã có nội dung văn bản riêng — thêm mô tả ở đó sẽ khiến trình đọc màn hình thông báo cùng một nội dung hai lần.
Những điểm còn hạn chế
Đây là lý do trang này đáng được công bố. Mỗi mục đều là vấn đề có thật, chúng tôi biết về những vấn đề đó và không mục nào được trình bày như thể đã được khắc phục.
Trang web được xuất bản bằng ba mươi ngôn ngữ nhưng chưa được kiểm thử với trình đọc màn hình ở tất cả các ngôn ngữ. Việc kiểm thử đã được thực hiện bằng tiếng Anh. Cách phát âm và thứ tự đọc trong các ngôn ngữ viết từ phải sang trái, cũng như trong các hệ chữ mà kiểu chữ hiển thị của chúng tôi không hỗ trợ và phải dùng phông chữ thay thế của nền tảng, chưa được xác minh với công nghệ hỗ trợ.
Hai kiểu chữ của chúng tôi chỉ hỗ trợ chữ Latin. Chữ Cyrillic, Devanagari, Georgian, Thai, Arabic, Hebrew, Bengali, Ethiopic và CJK đều dùng phông chữ riêng của nền tảng làm phương án thay thế. Điều này nhìn chung giúp văn bản dễ đọc, nhưng cũng có nghĩa là những chi tiết kiểu chữ chúng tôi kiểm soát trong tiếng Anh — độ đậm, khoảng cách, kích thước mà tại đó chữ nhỏ không còn đủ dễ đọc — không phải là những thứ chúng tôi kiểm soát được ở các ngôn ngữ đó.
Một số thành phần tương tác còn mới và được kiểm thử ít hơn. Ma trận so sánh và bộ lọc tìm kiếm trợ giúp lọc các hàng ngay tại chỗ, đây là cách triển khai phù hợp, nhưng việc thông báo số lượng kết quả thay đổi cho trình đọc màn hình mới chỉ được thực hiện chứ chưa được người dùng kiểm thử.
Ứng dụng cũng được xây dựng theo cùng định hướng nhưng được kiểm tra ít thường xuyên hơn trang web. Ứng dụng hỗ trợ tính năng điều chỉnh cỡ chữ và trình đọc màn hình của nền tảng, cả hai đều đảm nhiệm phần lớn công việc, nhưng hiện tại chúng tôi không tiến hành kiểm tra khả năng tiếp cận chính thức cho mỗi bản phát hành.
Chưa có cuộc kiểm tra chính thức nào do bên thứ ba thực hiện đối với trang web hoặc ứng dụng. Chúng tôi thà nói rõ điều đó còn hơn ngụ ý rằng mình có một chứng nhận mà mình không sở hữu.
Ứng dụng và một điều đáng biết
Ứng dụng Telvio dựa vào các tính năng hỗ trợ tiếp cận của hệ điều hành mà ứng dụng chạy trên đó: VoiceOver và Dynamic Type trên iOS, TalkBack và tính năng điều chỉnh cỡ chữ trên Android. Những tính năng này đáp ứng hầu hết nhu cầu quan trọng đối với một ứng dụng có giao diện gồm bàn phím số, số dư và danh sách cước.
Có một quyết định thiết kế đáng được nhắc đến như một đặc điểm hỗ trợ tiếp cận thay vì một tính năng. Vì ứng dụng không yêu cầu tài khoản, nên không có biểu mẫu đăng ký, không cần nhập mật khẩu, không có bước xác minh email và không có mã cần lấy từ tin nhắn — toàn bộ nhóm thao tác thường gây trở ngại nhất cho người dùng công nghệ hỗ trợ, hoặc bất kỳ ai gặp khó khăn khi điền biểu mẫu, đơn giản là không tồn tại. Cài đặt, gọi, trò chuyện.
Hạn chế tương ứng cũng nằm trên cùng trang với mọi thông tin khác: ứng dụng không thể gọi các dịch vụ khẩn cấp, như được nêu tại cuộc gọi khẩn cấp. Nếu ai đó cài đặt ứng dụng này cho một người thân — một trường hợp phổ biến, đặc biệt với người lớn tuổi gọi cho gia đình ở nước ngoài — thì đây là điều quan trọng nhất cần giải thích khi thực hiện.
Báo cho chúng tôi khi có vấn đề
Gửi email đến [email protected] với tiêu đề Accessibility. Thông tin hữu ích gồm: trang hoặc màn hình, điều bạn đang cố thực hiện, công nghệ hỗ trợ bạn đang sử dụng cùng phiên bản của công nghệ đó, và điều đã xảy ra thay vào đó. Không thông tin nào là bắt buộc — một câu như “Tôi không thể sử dụng bảng cước với trình đọc màn hình” hoàn toàn là một báo cáo tốt, và chúng tôi thà nhận được báo cáo đó còn hơn không nhận được gì.
Chúng tôi đặt mục tiêu trả lời trong vòng năm ngày làm việc, kèm đánh giá và, nếu đồng ý rằng có lỗi, một khoảng thời gian dự kiến sơ bộ. Những vấn đề ngăn cản ai đó hoàn thành một tác vụ sẽ được xử lý trước các công việc khác; những vấn đề khiến tác vụ khó hơn sẽ được xếp hàng một cách trung thực thay vì hứa hẹn mơ hồ.
Nếu bạn đang ở Liên minh Châu Âu và cho rằng một nghĩa vụ về khả năng tiếp cận chưa được đáp ứng, bạn cũng có thể nêu vấn đề với cơ quan thực thi liên quan của quốc gia mình. Chúng tôi vẫn muốn bạn liên hệ với chúng tôi trước, và sẽ trả lời dù bạn chọn cách nào.
Các bước kiểm tra thực sự diễn ra như thế nào
Có hai điều đáng được mô tả vì chúng tạo nên sự khác biệt giữa một tuyên bố và một quy trình thực tế.
Độ tương phản được đo trên nền đã hiển thị, không phải được phân tích từ mã. Giá trị màu đọc từ stylesheet cho biết phần tử được yêu cầu hiển thị như thế nào, chứ không cho biết cuối cùng nó trông ra sao — chẳng hạn một phần tử bán trong suốt nằm trên dải nền tối, một hàm màu hiện đại mà biểu thức chính quy không hiểu được, hoặc một tiêu đề cố định nằm trên ảnh hero. Quy trình kiểm tra kết xuất nền thực tế của từng phần tử bằng cách đi lên đến phần tử tổ tiên đầu tiên có nền đục và xác định màu thông qua chính trình duyệt, sau đó tính tỷ lệ. Quy trình này phát hiện văn bản nội dung trên trang có tỷ lệ 4.49:1, thấp hơn AA nhưng nhìn hoàn toàn bình thường khi xem riêng.
Trang được kiểm tra sau khi kết xuất, không phải chỉ dựa trên mã đã viết. Một quy trình kiểm tra riêng tải từng trang trong một trình duyệt thực và xác định xem có văn bản nào trong vùng nhìn có độ mờ bằng 0 hay không, tài liệu có cuộn ngang hay không, và có nội dung nào được vẽ bằng chính màu nền của nó hay không. Điều cuối cùng nghe có vẻ vô lý cho đến khi nó được đưa lên trang: từng có một quy tắc CSS nhóm đặt màu chữ và màu nền của một nhãn thành cùng một giá trị, tạo ra tỷ lệ tương phản 1:1, không thể nhìn thấy trong mã đánh dấu, trong DOM hay trong ảnh chụp màn hình của mã nguồn.
Những điều chúng tôi đã cố ý quyết định
- Không có chuyển động nếu chưa được cho phép. Hiệu ứng khi cuộn chỉ được bật từ một script trước tiên xác nhận rằng người dùng muốn chuyển động, vì vậy người đọc đã bật chế độ giảm chuyển động sẽ thấy nội dung ngay lập tức và không bao giờ thấy nội dung xuất hiện bằng hiệu ứng.
- Không có nội dung ẩn sau JavaScript. Không nội dung nào được viết ở trạng thái ẩn. Đây vừa là quyết định về khả năng tiếp cận vừa là quyết định về hiệu suất — một trang phụ thuộc vào script để hiển thị là một trang sẽ không hoạt động với tất cả những ai gặp lỗi script đó.
- Dùng từ thay vì biểu tượng trong dữ liệu. Các bảng so sánh dùng “Có”, “Không có” và “Đã làm tròn lên” thay vì dấu tích và dấu chéo, vì dấu tích có thể gây mơ hồ khi được đọc thành tiếng và không hiển thị khi được sao chép.
- Để alt trống khi phần mô tả bị lặp lại. Hình ảnh bên trong một liên kết vốn đã có nội dung văn bản riêng sẽ dùng
alt="", để trình đọc màn hình thông báo điểm đến một lần thay vì hai lần. - Bảng rộng cuộn trong khung riêng thay vì đẩy trang sang hai bên, vì vậy điện thoại không bao giờ phải cuộn ngang để đọc một đoạn văn.
Tóm lại
Chúng tôi xây dựng theo WCAG 2.2 AA và kiểm tra điều này trong mỗi lần phát hành, trong đó độ tương phản được đo dựa trên nền thực tế được hiển thị thay vì giả định. Đây không phải là tuyên bố về việc tuân thủ đầy đủ.
Những điểm còn hạn chế: việc kiểm thử với trình đọc màn hình mới chỉ được thực hiện bằng tiếng Anh trên ba mươi ngôn ngữ, các kiểu chữ của chúng tôi chỉ hỗ trợ chữ Latin nên những hệ chữ khác sẽ dùng phông chữ của nền tảng, các thành phần tương tác mới nhất chưa được kiểm thử nhiều, và chưa có cuộc kiểm toán nào từ bên thứ ba.
Hãy báo cáo mọi nội dung không thể sử dụng cho [email protected] với tiêu đề Accessibility. Báo cáo sẽ được xử lý như một báo cáo lỗi, và những vấn đề cản trở việc hoàn thành tác vụ sẽ được khắc phục trước các công việc khác.
Các câu hỏi thường gặp
Telvio tuân theo tiêu chuẩn hỗ trợ tiếp cận nào?
Mục tiêu của website là đạt WCAG 2.2 cấp độ AA, được kiểm tra trong mỗi lần phát hành thay vì đánh giá định kỳ. Độ tương phản được đo dựa trên nền mà từng phần tử thực sự được hiển thị, và nếu không đạt, quá trình build sẽ bị dừng. Chúng tôi không tuyên bố đạt mức tuân thủ đầy đủ.
Website Telvio có hoạt động khi không có JavaScript không?
Có. Không có nội dung nào bị ẩn mặc định rồi chỉ hiện ra bằng script, nên mọi trang đều hiển thị nội dung khi JavaScript bị tắt hoặc chặn. Các tính năng tương tác như bộ lọc so sánh chỉ là phần bổ sung trên những trang vốn đã hoạt động.
Telvio đã được kiểm tra hỗ trợ tiếp cận chưa?
Chưa có cuộc kiểm tra nào do bên thứ ba thực hiện đối với website hoặc app. Các kiểm tra tự động và thủ công được tiến hành trong mỗi lần phát hành website, và tuyên bố này liệt kê những điểm còn thiếu đã biết thay vì lược bỏ chúng.
App Telvio có thể sử dụng với trình đọc màn hình không?
App sử dụng các tính năng hỗ trợ tiếp cận tích hợp sẵn của nền tảng — VoiceOver và Dynamic Type trên iOS, TalkBack và tính năng điều chỉnh cỡ chữ trên Android. App được kiểm tra ít thường xuyên hơn website và không có cuộc kiểm tra hỗ trợ tiếp cận chính thức nào được thực hiện cho mỗi lần phát hành.
Tôi phải báo cáo vấn đề về hỗ trợ tiếp cận như thế nào?
Gửi email đến [email protected] với tiêu đề Accessibility, nêu rõ trang hoặc màn hình nào, bạn đang cố thực hiện việc gì và điều gì đã xảy ra. Thông tin về công nghệ hỗ trợ và phiên bản sẽ hữu ích nhưng không bắt buộc. Chúng tôi cố gắng trả lời trong vòng năm ngày làm việc.
Tại sao website sử dụng phông chữ khác trong ngôn ngữ của tôi?
Hai kiểu chữ được sử dụng để thiết kế website chỉ hỗ trợ chữ Latin. Chữ Cyrillic, Devanagari, Georgian, Thai, Arabic, Hebrew, Bengali, Ethiopic và CJK sẽ dùng phông chữ mặc định của nền tảng, nhìn chung giúp dễ đọc hơn nhưng đồng nghĩa với việc chúng tôi không kiểm soát được chi tiết kiểu chữ ở những ngôn ngữ đó.