Hướng dẫn về khả năng truy cập nội dung web: Chúng là gì và tại sao các chuyên gia SEO nên quan tâm

Mặc dù Đạo luật ADA được ban hành trước khi hầu hết các tổ chức có sự hiện diện trực tuyến, nhưng các tiền lệ pháp lý gần đây cho thấy đạo luật này áp dụng cho khả năng tiếp cận của các trang web và ứng dụng di động cũng như các địa điểm vật lý, chẳng hạn như cửa hàng, nhà hàng và rạp chiếu phim.

Đạo luật ADA không quy định bất kỳ tiêu chí cụ thể nào về khả năng truy cập web và di động. Thay vào đó, nhiều nhà phát triển web và chuyên gia pháp lý tham khảo Hướng dẫn về Khả năng Truy cập Nội dung Web (WCAG) , được chấp nhận rộng rãi như là tiêu chuẩn cho khả năng truy cập kỹ thuật số hiện nay.

Trong bài viết này, chúng ta sẽ xem xét kỹ hơn về WCAG và nêu ra các bước bạn có thể thực hiện để đáp ứng các tiêu chuẩn của nó. Chúng ta cũng sẽ giải thích ngắn gọn lý do tại sao các trang web dễ truy cập thường được xếp hạng cao hơn trong các công cụ tìm kiếm — điều này cho thấy khả năng truy cập là lựa chọn đúng đắn trong mọi trường hợp!

SEO và khả năng tiếp cận có mối liên hệ như thế nào?

Việc đảm bảo trang web của bạn có thể truy cập được đối với tất cả người dùng đã mang lại lợi ích rất lớn cho công ty bạn — nếu càng nhiều người truy cập trang web của bạn, bạn càng có khả năng thấy doanh thu tăng lên. Đơn giản vậy thôi.

Xét đến thực tế rằng cứ bốn người Mỹ thì có một người sống chung với khuyết tật , và trên toàn cầu, thu nhập khả dụng của người khuyết tật là 1,2 nghìn tỷ đô la , việc làm cho trang web và ứng dụng di động của bạn dễ tiếp cận với mọi người sẽ mở ra cho sản phẩm và dịch vụ của bạn một lượng khách hàng mới, đồng thời cũng có thể dẫn đến những cải thiện đáng kể trong SEO của trang web.

Hãy xem xét ví dụ này: Các công cụ tìm kiếm hướng đến việc ưu tiên các trang có nội dung rõ ràng và được sắp xếp đúng thứ tự. Điều này có nghĩa là bạn cần tuân thủ các hướng dẫn WCAG về những thứ như tiêu đề. Nếu bạn không sắp xếp các cấp bậc tiêu đề theo đúng thứ tự — ví dụ, bằng cách đặt văn bản có tiêu đề cấp bốn (<h4>) sau tiêu đề cấp hai (<h2>) — bạn có thể gây ra các vấn đề về khả năng truy cập cho những người sử dụng công nghệ hỗ trợ.

Tương tự, nếu bạn không cung cấp văn bản thay thế phù hợp cho hình ảnh, hoặc nếu bạn nhầm lẫn chú thích với văn bản thay thế cho hình ảnh, bạn sẽ gây khó khăn cho người dùng khuyết tật và cũng làm giảm hiệu quả SEO hình ảnh trên trang web của bạn. 

Đây chỉ là một vài ví dụ về cách cải thiện khả năng truy cập trang web có thể thúc đẩy SEO, nhưng để biết thêm chi tiết, hãy xem loạt bài Whiteboard Friday mới của Cooper Hollmaier về mối quan hệ giữa khả năng truy cập và SEO . 

Thực tế, bất kỳ khoản đầu tư nào bạn thực hiện vào khả năng truy cập kỹ thuật số cũng sẽ được phản ánh trong thứ hạng tìm kiếm của bạn. Trong tuyên bố sứ mệnh của mình , Google cho biết mục đích của họ là “tổ chức thông tin của thế giới và làm cho nó có thể truy cập và hữu ích cho mọi người”. “Có thể truy cập cho mọi người” là cụm từ then chốt ở đây. Điều này cho thấy rằng khi Google tiếp tục phát triển công cụ tìm kiếm của mình và điều chỉnh nó phù hợp với các nguyên tắc thiết kế dễ tiếp cận, các trang web có các tính năng truy cập mạnh mẽ sẽ được xếp hạng cao hơn trong kết quả tìm kiếm.

WCAG là gì và làm thế nào để đạt được sự tuân thủ?

WCAG cung cấp một bộ quy tắc dành cho các nhà phát triển web muốn tạo ra các trang web dễ tiếp cận. Bộ quy tắc này được tạo ra bởi Hiệp hội World Wide Web Consortium (W3C) , một cộng đồng toàn cầu gồm các tổ chức công cộng và thành viên cam kết làm cho internet trở nên mở cửa cho tất cả mọi người.

Các trang web và ứng dụng di động liên tục thay đổi khi các công nghệ và cải tiến mới xuất hiện. Để cập nhật các hướng dẫn WCAG, W3C cũng thường xuyên cung cấp các lời khuyên mới cho các nhà phát triển web.

Nếu bạn xem xét các vụ kiện về khả năng tiếp cận kỹ thuật số gần đây, bạn sẽ thấy rằng WCAG 2.0 là phiên bản được trích dẫn rộng rãi nhất. Tuy nhiên, bạn nên lưu ý rằng phiên bản này đã lỗi thời. WCAG 2.1 hiện đã có sẵn và cung cấp hướng dẫn thêm về khả năng tiếp cận trên thiết bị di động — và WCAG 2.2 sắp ra mắt.

Điều quan trọng cần lưu ý là mặc dù "tuân thủ WCAG" là một thuật ngữ được sử dụng rộng rãi, nhưng thực chất nó là một cách gọi sai. Về mặt kỹ thuật, chính xác hơn là nên hiểu theo nghĩa đáp ứng thành công các tiêu chuẩn WCAG. Thuật ngữ "tuân thủ WCAG" ngụ ý một cơ quan quản lý, và W3C không phải là cơ quan quản lý ngành, cũng không phải là một phần của luật liên bang. Tuy nhiên, "tuân thủ WCAG" là cách diễn đạt được chấp nhận tại cả các hội nghị phát triển web và các hội thảo luật, vì vậy chúng ta sẽ sử dụng thuật ngữ này trong bài viết này.

Trang web của tôi có cần đáp ứng các tiêu chuẩn WCAG không?

Nếu bạn ở Hoa Kỳ, thì câu trả lời là có. Mọi trang web được công dân Hoa Kỳ sử dụng hoặc thuộc sở hữu của các công ty Hoa Kỳ đều phải tuân thủ Đạo luật Người khuyết tật Hoa Kỳ (ADA) theo luật định. Và bởi vì WCAG thường được trích dẫn như một tiêu chuẩn về khả năng tiếp cận kỹ thuật số trong các vụ kiện tụng, việc tuân theo hướng dẫn của nó có thể giúp tổ chức của bạn tránh được các vụ kiện tốn kém và gây thiệt hại . Quan niệm cho rằng bất kỳ công ty nào cũng được miễn trừ khỏi việc tuân thủ ADA cũng là một điều hoang đường. 

Làm thế nào để tôi có thể đảm bảo trang web của mình tuân thủ tiêu chuẩn WCAG?

WCAG đưa ra bốn nguyên tắc chính. Chúng cung cấp một nền tảng vững chắc mà các nhà phát triển web có thể tuân theo để xây dựng các trang web dễ tiếp cận với mọi người. Hãy cùng xem xét kỹ hơn từng nguyên tắc:

Có thể nhận biết được

Để có thể nhận biết được, tất cả thông tin trên một trang web và tất cả các tính năng trong giao diện người dùng của nó — chẳng hạn như liên kết, hộp văn bản và nút — phải được trình bày theo cách mà tất cả người dùng có thể nhận biết được bằng ít nhất một trong các giác quan của họ. Nếu bất kỳ nội dung nào bị che giấu đối với bất kỳ người dùng nào, thì trang web đó không thể được coi là có thể nhận biết được.

Có thể vận hành

Một trang web được coi là hoạt động được khi tất cả người dùng có thể tương tác và điều hướng thành công trên đó. Nếu một trang web có bất kỳ tính năng tương tác nào, tất cả người dùng cần phải có khả năng sử dụng các thành phần đó.

Dễ hiểu

Tất cả người dùng phải có khả năng hiểu thông tin và giao diện của một trang web. Các trang web nên hiển thị và hoạt động theo cách dễ dự đoán, và người dùng nên được bảo vệ khỏi những lỗi nhập liệu trên các trang có thể dẫn đến các cam kết pháp lý hoặc giao dịch tài chính.

Mạnh mẽ

Nội dung trên một trang web phải mở ra nhiều cách hiểu khác nhau cho nhiều trình duyệt web khác nhau. Ví dụ, các trình duyệt web tiêu chuẩn và các công nghệ hỗ trợ như trình đọc màn hình phải có thể truy cập được trang web, và nội dung trên trang web phải tiếp tục được truy cập dễ dàng khi các công nghệ hỗ trợ phát triển.

Tôi có thể bắt đầu hành trình tuân thủ quy định của mình như thế nào?

Trên lý thuyết, bốn nguyên tắc về khả năng tiếp cận được nêu trong WCAG nghe có vẻ khá đơn giản. Nhưng làm thế nào để áp dụng chúng? Để giúp trả lời câu hỏi này, WCAG đưa ra các hướng dẫn chi tiết hơn cho từng chủ đề và chia nhỏ mỗi khuyến nghị thành một tập hợp các tiêu chí thành công. WCAG cũng nêu ra một số “kỹ thuật đủ điều kiện” cung cấp các ví dụ về cách các nhà phát triển có thể đạt được chúng trong thực tế. Hãy coi nó như một danh sách kiểm tra để tuân thủ.

Mỗi tiêu chí thành công cũng được phân loại theo ba cấp độ: A, AA và AAA. A biểu thị mức độ tiếp cận cơ bản nhất, và AAA biểu thị mức độ toàn diện nhất. Hiện nay, các tòa án đang xem xét mức độ trung bình, AA, như là tiêu chuẩn.

Bài viết này nhằm mục đích giúp bạn hiểu rõ hơn về các tiêu chí WCAG, nhưng không liệt kê đầy đủ tất cả các hướng dẫn. Nếu bạn muốn tìm hiểu thêm về từng tiêu chí, hãy tham khảo hướng dẫn nhanh “Cách đáp ứng WCAG” trên trang web của W3C. Hướng dẫn này cung cấp thông tin chi tiết về từng khía cạnh của WCAG, kèm theo các gợi ý về cách các nhà phát triển có thể đáp ứng chúng.

A: Một số người dùng có thể truy cập trang web của bạn.

Tiêu chí thành công cấp độ A nêu chi tiết các bước bạn có thể thực hiện để tránh một số vi phạm nghiêm trọng nhất về nguyên tắc khả năng tiếp cận. Ví dụ, hướng dẫn 1.4 tập trung vào khả năng phân biệt, đơn giản có nghĩa là làm cho người dùng dễ dàng nhận biết nội dung.

Mục 1.4.1 Sử dụng màu sắc là tiêu chí thành công cấp độ A. Mục này giải thích rằng các trang web không chỉ nên sử dụng màu sắc như cách chính để truyền tải thông tin chỉ ra hành động, gợi phản hồi hoặc là yếu tố hình ảnh nổi bật.

Nếu một trang web có đoạn văn bản màu đỏ và các liên kết trong đoạn văn bản đó được tô sáng màu xanh lá cây, thì người dùng bị mù màu đỏ/xanh lá cây sẽ không thể phân biệt được các liên kết với văn bản. Một cách để cải thiện khả năng tiếp cận là thêm một dấu hiệu trực quan khác cho các liên kết, chẳng hạn như gạch chân chúng hoặc sử dụng phông chữ khác.

AA: Trang web của bạn có thể truy cập được bởi hầu hết người dùng.

Để đạt được cấp độ AA, trước tiên bạn cần đáp ứng tất cả các tiêu chí thành công của cấp độ A. Các hướng dẫn của cấp độ AA được xây dựng dựa trên các tiêu chí của cấp độ A, cung cấp thêm các yêu cầu bổ sung.

Ví dụ, trong Hướng dẫn 1.4, tiêu chí thành công AA (Mức độ tương phản tối thiểu) 1.4.3 bổ sung cho hướng dẫn của 1.4.1 Sử dụng màu sắc . Tiêu chí này nêu rõ rằng văn bản trên bất kỳ trang nào phải có tỷ lệ tương phản màu sắc từ 4,5:1 trở lên. Có một số trường hợp ngoại lệ nếu văn bản lớn, hoặc nếu hình ảnh của văn bản hoàn toàn mang tính trang trí hoặc là một phần của thương hiệu hoặc logo.

Bạn có thể tìm hiểu thêm về cách đạt được độ tương phản màu sắc chính xác trong bài viết đầy đủ của chúng tôi về chủ đề này. Đối với mục đích của bài viết này, chỉ cần hình dung sự khác biệt giữa một trang web có văn bản chính được trình bày bằng chữ đen trên nền trắng, so với một trang web có văn bản màu vàng nhạt trên nền trắng. Chữ đen trên nền trắng có tỷ lệ tương phản cao, trong khi chữ vàng trên nền trắng có tỷ lệ tương phản rất thấp. Người dùng có khiếm thị thường khó nhận thấy những khác biệt nhỏ về độ tương phản màu sắc, điều này càng làm cho việc đảm bảo tỷ lệ tương phản màu sắc của văn bản đủ cao để mọi người đều có thể đọc được trở nên quan trọng hơn.

Tiêu chí thành công ở cấp độ AA cũng bao gồm mục 1.4.4 Thay đổi kích thước văn bản , khuyến nghị người dùng có thể phóng to văn bản lên đến 200% kích thước chuẩn mà không cần đến các công nghệ hỗ trợ.

AAA: Trang web của bạn có thể truy cập được bởi số lượng người dùng tối đa.

Cũng như hai cấp độ trước, việc tuân thủ cấp độ AAA yêu cầu đáp ứng tất cả các tiêu chí thành công của cấp độ A và cấp độ AA trước tiên. Để đạt được cấp độ AAA, các trang web phải đáp ứng các tiêu chuẩn chi tiết hơn nữa. Ví dụ, trong Hướng dẫn 1.4, chúng ta thấy mục 1.4.6 Độ tương phản (Nâng cao) , nâng tỷ lệ tương phản màu sắc yêu cầu từ 4.5:1 lên 7:1.

Tiêu chí 1.4.8 Trình bày trực quan bổ sung cho tiêu chí 1.4.4 Thay đổi kích thước văn bản bằng cách yêu cầu văn bản có thể được thay đổi kích thước lên đến 200%, đồng thời đảm bảo người dùng vẫn có thể đọc được toàn bộ dòng văn bản mà không cần phải cuộn cửa sổ trình duyệt theo chiều ngang. Tiêu chí này cũng đưa ra các đề xuất bổ sung, chẳng hạn như cho phép người dùng tự chọn màu nền và màu chữ, và chỉ định các cài đặt về khoảng cách dòng và căn chỉnh giúp văn bản dễ đọc hơn đối với những người có khuyết tật về thị giác hoặc nhận thức, chẳng hạn như chứng khó đọc.

Hãy bắt đầu cải thiện khả năng truy cập của trang web của bạn.

Bằng cách tuân thủ các nguyên tắc thiết kế dễ tiếp cận, bạn cũng sẽ giúp các công cụ tìm kiếm dễ dàng phân tích và xếp hạng trang web của mình hơn.

Dĩ nhiên, khả năng tiếp cận kỹ thuật số là một chủ đề rộng lớn, vì vậy bạn có thể cảm thấy cần được hướng dẫn! May mắn thay, có rất nhiều nguồn tài liệu hỗ trợ, trong đó quan trọng nhất là Hướng dẫn về Khả năng Tiếp cận Nội dung Web (WCAG) đầy đủ của W3C , đây sẽ trở thành kim chỉ nam cho mọi vấn đề liên quan đến khả năng tiếp cận. Bạn cũng có thể sử dụng hướng dẫn tham khảo nhanh của họ  như một danh sách kiểm tra cho các chủ đề quan trọng về khả năng tiếp cận.