Nội Dung Chính
Trong bài đăng đầu tiên của loạt bài về Khả năng tiếp cận kỹ thuật số này , chúng tôi đã đề cập đến “điều gì và tại sao” về khả năng tiếp cận dành cho các nhà tiếp thị. Bây giờ là lúc cho “làm thế nào”.
Lưu ý rằng chúng tôi đã cố ý giới hạn các đề xuất của mình đối với những yếu tố khá dễ triển khai và phù hợp với các nhà tiếp thị. Loạt bài này hoàn toàn không phải là một danh sách toàn diện về tất cả các tiêu chuẩn mà các doanh nghiệp cần lưu ý khi đề cập đến nội dung có thể truy cập. Nếu bạn đang muốn tìm hiểu về các nguyên tắc cơ bản về khả năng truy cập và tiêu chí WCAG, hãy xem chương trình học trực tuyến TGPi . Đó là một tùy chọn theo nhịp độ riêng mà bạn có thể sử dụng để giữ cho các kỹ năng của mình luôn mới hoặc bắt kịp tốc độ về các kỹ thuật tiếp cận và các phương pháp hay nhất.
Hãy chuyển sang các khuyến nghị!
Khả năng truy cập và trải nghiệm người dùng
Trải nghiệm người dùng mượt mà, dễ dàng là Ngôi sao phương Bắc cho mọi nhà tiếp thị. Mức độ dễ dàng mà một cá nhân có thể hoàn thành một nhiệm vụ quan trọng và mức độ nội dung đáp ứng kỳ vọng có ảnh hưởng nặng nề đến điều đó và sẽ tạo ra hoặc phá vỡ các nỗ lực tiếp thị của bạn.
Có ý nghĩa, phải không? Nếu bạn muốn mua thứ gì đó trực tuyến và gặp sự cố khi nhập thông tin thẻ tín dụng hoặc mặt hàng bạn muốn đã hết hàng, chất lượng trải nghiệm người dùng của bạn sẽ giảm mạnh. Thứ nhất, bởi vì bạn không thể hoàn thành những gì bạn đã đặt ra, và thứ hai, bởi vì bạn mong đợi có thể hoàn thành nó, nhưng điều đó lại không có trong các lá bài. Điều này gần như chắc chắn sẽ đảm bảo bạn sẽ không quay lại trang web cụ thể đó!
Là một nhà tiếp thị, bạn hiểu rõ tầm quan trọng của trải nghiệm người dùng vượt trội. Bạn thậm chí có thể đang thử nghiệm nó (tốt cho bạn!) Hoặc có sẵn các phân tích để đo lường nó. Những biện pháp này rất quan trọng để tối ưu hóa kênh tiếp thị của bạn. Tuy nhiên, những gì bạn có thể không làm là kiểm tra trải nghiệm người dùng về khả năng truy cập. (Nếu bạn không, đừng phán xét! Đó là điều mà loạt bài đăng này dự định thay đổi.)
hành trình của người dùng
Hành trình của người dùng (còn được gọi là luồng người dùng hoặc đường dẫn người dùng) là một chuỗi các hành động mà người dùng thực hiện trên trang web của bạn. Hành trình quan trọng của người dùng phù hợp với mục tiêu chính của trang web của bạn, chẳng hạn như hoàn tất mua hàng, gửi biểu mẫu, xem video, đọc bài đăng, v.v.
Bạn phải luôn ưu tiên khắc phục khả năng truy cập cho các hành trình thiết yếu của người dùng vì một số lý do.
Đầu tiên, mặc dù bạn có thể có nội dung tuyệt vời trên khắp trang web của mình, nhưng nếu người dùng không thể hoàn thành mục tiêu chính của họ khi truy cập trang web của bạn, thì đó là khách hàng mà bạn đã mất mãi mãi.
Thứ hai, rất tiếc là nhiều người khuyết tật đã quen với việc gặp phải những thách thức khi làm những việc mà người khác coi là đương nhiên. Họ thường mong đợi họ, vì rất nhiều thế giới không được tạo ra với những khuyết tật cụ thể của họ.
Trung bình, những lo ngại nhỏ về khả năng truy cập đối với nội dung tiếp tuyến không có khả năng khiến họ nản lòng đến mức bắt đầu hành động pháp lý. Nhưng nếu họ không thể thực hiện một điều mà họ đã đạt được trên trang web của bạn, thì bạn sẽ gặp phải rủi ro pháp lý lớn, đặc biệt nếu bạn là một thương hiệu có trụ sở tại Hoa Kỳ.
Kiểm tra đường dẫn người dùng quan trọng của bạn
Vì vậy, làm cách nào để bạn kiểm tra khả năng truy cập của luồng người dùng quan trọng? Nếu chọn cách thủ công, bạn có thể tiến hành kiểm tra người dùng với người khuyết tật hoặc kiểm tra mã cho từng bước bằng công cụ như TPGi’s ARC Toolkit (thêm về điều này sau) để xác định lỗi WCAG.
Mặc dù kiểm tra thủ công cuối cùng sẽ toàn diện hơn, nhưng nếu bạn đang muốn xác định ngay các lỗi về khả năng truy cập trong đường dẫn người dùng quan trọng của mình, bạn có thể sử dụng tính năng Luồng người dùng của Giám sát ARC để tự động quét từng thành phần để tìm khả năng truy cập. Bạn có thể bao gồm tất cả các thành phần và tương tác động trong hành trình của người dùng, từ hình ảnh đến hộp thoại, để quét và bạn sẽ có thể theo dõi lỗi theo thời gian để giúp cải thiện quy trình khắc phục nội bộ của mình.
Bạn có thể ghép nối thông tin bạn có được từ Giám sát luồng người dùng của ARC với các công cụ phân tích khác của mình, chẳng hạn như Mục tiêu và Kênh Google Analytics, để xác định các rào cản ngăn người dùng hoàn thành hành động mong muốn của họ.
các trang web có thể truy cập
Trang web là cửa hàng hoặc văn phòng kỹ thuật số của doanh nghiệp bạn. Đó có thể là ấn tượng đầu tiên (hoặc duy nhất) mà một khách hàng tiềm năng có được về công ty của bạn, vì vậy bạn sẽ muốn làm cho nó hấp dẫn nhất có thể. Có thể bạn có một vài video hoặc nhiều hình ảnh để phá vỡ sự đơn điệu hoặc các trang trên các trang có nội dung blog có giá trị. Đây đều là những tài sản tuyệt vời mà các nhà tiếp thị có thể tận dụng để thuyết phục mọi người mua sản phẩm của họ.
Việc đảm bảo tất cả nội dung này có thể truy cập được có vẻ khó khăn, nhưng nhiều phương pháp hay nhất cho nội dung có thể truy cập không thể phân biệt được với các phương pháp tiếp thị tốt nhất. Đọc để tìm hiểu thêm:
Văn bản liên kết mô tả
Mọi nhà tiếp thị giỏi đều biết rằng sự rõ ràng là điều cần thiết để giao tiếp hiệu quả. Nếu bạn tô điểm cho bản sao của mình bằng những từ ngữ nghe có vẻ quan trọng (nhưng cuối cùng lại vô nghĩa), thì thông điệp của bạn sẽ bị thất lạc. Tương tự như vậy, nếu bạn quá rảnh rỗi với những lời giải thích của mình, khách hàng có thể không có đủ thông tin để nắm bắt những gì bạn đang nói với họ.
Nội dung chất lượng cao là sự cân bằng giữa hai thái cực này và không có gì ngạc nhiên khi liên kết hoặc văn bản neo tuân theo các quy tắc tương tự. Văn bản liên kết tốt nhất cung cấp cho người dùng ý tưởng về những gì sẽ xảy ra khi họ nhấp vào. Văn bản liên kết mô tả đặc biệt quan trọng đối với bản sao kêu gọi hành động của bạn. Điều gì giúp người dùng chuẩn bị tốt hơn về những gì họ sẽ gặp phải khi họ nhấp vào: “Nhấp vào đây” hoặc “Tải xuống báo cáo chính thức của chúng tôi”? Rõ ràng là vế sau! (Nếu bạn chọn cái trước, bạn có thể muốn xem xét một con đường sự nghiệp mới.)
Không cần phải tôn trọng CTA của bạn bằng những từ ngữ ồn ào (“Tải xuống sách trắng vĩ đại nhất thế giới về phép thuật của Harry Houdini!”) nhưng việc thiết lập để mọi người biết họ đang tham gia vào điều gì là rất quan trọng.
Tại sao văn bản liên kết rất quan trọng đối với khả năng truy cập? Đầu tiên, nó giúp ích rất nhiều cho người mù hoặc những người có thị lực kém với nội dung trang đọc lướt. (Điều này cũng áp dụng cho những người có thị lực hoàn hảo.) Người dùng khiếm thị sử dụng nhiều công nghệ hỗ trợ để truy cập nội dung kỹ thuật số, chẳng hạn như công cụ phóng to màn hình cho người có thị lực kém và trình đọc màn hình cho người mù. Đúng như tên gọi của chúng, trình đọc màn hình đọc nội dung trên màn hình theo đúng nghĩa đen.
Tuy nhiên, các trình đọc màn hình như JAWS cho phép người dùng di chuyển xung quanh màn hình, đọc các thành phần khác nhau thay vì xem qua tất cả HTML từ trên xuống dưới. Khi người dùng di chuyển từ thành phần này sang thành phần khác, trình đọc màn hình chỉ đọc văn bản liên kết cho các liên kết chứ không phải bản sao xung quanh. Điều đó có nghĩa là nếu tất cả các liên kết của bạn đều giống nhau “nhấp vào đây”, người dùng trình đọc màn hình sẽ không biết điều gì sẽ xảy ra nếu họ nhấp vào liên kết đó; họ buộc phải khám phá nội dung xung quanh để hiểu liên kết đó liên quan đến cái gì.
Hơn nữa, trình đọc màn hình cho phép người dùng mở một “danh sách liên kết”, cho phép họ truy cập nhanh vào tất cả các liên kết trên một trang web. Đây là một tình huống phổ biến trong đó văn bản liên kết sẽ được đọc ngoài ngữ cảnh xung quanh và khi những thứ như “bấm vào đây” trở thành một vấn đề thực sự.
Văn bản thay thế cho hình ảnh
Văn bản thay thế hay “văn bản thay thế” mô tả hình ảnh trên trang web của bạn để người dùng trình đọc màn hình có thể hiểu toàn diện hơn về nội dung của từng trang web. Nếu bạn chọn hình ảnh có chức năng giải thích trực quan, những người không thể nhìn thấy chúng sẽ bị mất nếu bạn bỏ qua văn bản thay thế.
Tuy nhiên, nếu bạn bao gồm các hình ảnh vì lý do thẩm mỹ thuần túy (có thể bạn thực sự thích hình ảnh của những người đang khom lưng trước máy tính) và bạn có một vài trong số chúng, bạn có thể không muốn thêm văn bản thay thế cho tất cả chúng. Trình đọc màn hình sẽ đọc tất cả văn bản thay thế cho mọi hình ảnh, điều này có thể gây khó chịu nếu văn bản không chủ động tăng thêm giá trị cho trải nghiệm. Nếu một hình ảnh có thể được coi là trang trí và không bổ sung thêm ý nghĩa/hiểu biết về nội dung trang, thì hình ảnh đó nên được ẩn đối với công nghệ hỗ trợ bằng cách cung cấp một thuộc tính alt trống.
Các trang web có cấu trúc tốt
Sử dụng các thẻ tiêu đề của bạn một cách thích hợp để cả người đọc khiếm thị và không khiếm thị có thể lướt qua trang và hiểu cơ bản về nội dung cũng như điều hướng dễ dàng. Thực hiện theo các phương pháp hay nhất cho tiêu đề, chẳng hạn như bắt đầu mỗi trang bằng H1 mô tả nội dung của trang, sau đó sử dụng H2 và H3 làm tiêu đề phụ. Sử dụng các thẻ tiêu đề một cách có chủ ý; không ngẫu nhiên làm chúng loạng choạng mà không nghĩ đến cấu trúc.
Mặc dù bạn có thể phân biệt các tiêu đề thông qua các phương tiện trực quan thông qua kiểu CSS, nhưng người dùng trình đọc màn hình không có cơ hội nhìn thấy những điểm khác biệt này. Điều đặc biệt quan trọng là sử dụng bố cục trang được định dạng tốt để đảm bảo người dùng gặp khó khăn về thị lực có thể dễ dàng tiếp thu nội dung của bạn.
Giữ các đoạn văn dày đặc ở mức tối thiểu, sử dụng các câu ngắn hơn khi có thể và tránh sử dụng biệt ngữ hoặc tiếng lóng. Nội dung rõ ràng, ngắn gọn hơn sẽ giúp người dùng bị suy giảm nhận thức hiểu rõ hơn nội dung của bạn và cũng sẽ giúp giảm thiểu sự nhầm lẫn cho tất cả người đọc.
Có lẽ bạn đã nghe nói rằng thời gian chú ý của con người bây giờ ngắn hơn thời gian chú ý của một con cá vàng ? Khi nghi ngờ, hãy chia nhỏ nó ra; làm cho nó càng đơn giản càng tốt.
Tỷ lệ tương phản màu sắc
Hãy hy vọng hướng dẫn về phong cách của tổ chức bạn không phải do ông già Noel thiết kế, vì việc sử dụng màu đỏ và xanh lục cho các màu bổ sung sẽ không mang lại lợi ích gì cho người dùng của bạn. Độ tương phản màu sắc là một yếu tố thiết yếu của thiết kế dễ tiếp cận. Những người có thị lực kém có thể khó phân biệt giữa các màu quá giống nhau và đối với người dùng mù màu , nhiều màu không thể phân biệt được.
Bạn có thể dùng thử Công cụ phân tích độ tương phản màu miễn phí của TGPi sẽ loại bỏ phỏng đoán khi xác định đủ tỷ lệ màu. Sử dụng công cụ chọn màu để chọn màu nền trước và màu nền sau đó CCA sẽ cho bạn biết độ tương phản có phù hợp hay không.
biểu mẫu có thể truy cập
Hầu như mọi trang web đều sử dụng một biểu mẫu để cho phép người dùng hoàn thành một tác vụ. Cho dù doanh nghiệp của bạn là thương mại điện tử, dựa trên dịch vụ hay thậm chí chỉ là trưng bày trực tuyến, rất có thể nó sẽ bao gồm một biểu mẫu. Tuy nhiên, các hình thức có thể là khó khăn cho người khuyết tật. Có một số cân nhắc kỹ thuật (đọc: những cân nhắc dành cho nhà phát triển triển khai) cũng như phi kỹ thuật mà các nhà tiếp thị không có kiến thức về mã hóa có thể dễ dàng làm theo. Dưới đây là các phương pháp hay nhất phi kỹ thuật:
- Giữ các biểu mẫu ngắn gọn và đơn giản – Nhận thông tin liên hệ của khách hàng, sau đó xây dựng mối quan hệ để thu hút họ và rút ra thêm kiến thức
- Cung cấp hướng dẫn rõ ràng và nhãn rõ ràng – Không ai thích một biểu mẫu khó hiểu
- Xác thực đầu vào (hoàn tác thay đổi/xác nhận) – Thông báo cho người dùng về bất kỳ sự cố nào và cách khắc phục chúng
- Thông báo người dùng (thành công/thất bại) – Cho người dùng biết liệu việc gửi biểu mẫu có thành công hay không
- Áp dụng nhiều trang hoặc liên tục – Nếu bạn phải có một biểu mẫu phức tạp hơn, hãy nhắm đến một biểu mẫu nhiều trang hoặc liên tục mà không gây choáng ngợp cho người dùng
- Xóa giới hạn thời gian hoặc cung cấp các tùy chọn – Giới hạn thời gian có thể hữu ích trong việc ép buộc người mua sắm mua hàng, nhưng chúng lại gây căng thẳng quá mức cho những người mắc chứng lo âu nghiêm trọng
vụn bánh mì
Breadcrumbs là một dạng điều hướng trên trang web của bạn cho phép bạn xem trang bạn hiện đang duyệt phù hợp như thế nào với bức tranh lớn hơn. Chúng thường là các liên kết dẫn đến các trang cấp cao hơn.
Một ví dụ về đường dẫn breadcrumb trên một trang web thương mại điện tử bán quần áo có thể là
Phụ nữ > Áo khoác > Len > Áo khoác hạt đậu.
Breadcrumbs rất hữu ích cho việc tìm đường và cho phép người dùng dễ dàng điều hướng trở lại các trang cấp cao hơn mà không cần bắt đầu hành trình của họ từ đầu.
Chúng đặc biệt quan trọng đối với người khuyết tật vì nhiều lý do. Thứ nhất, người dùng bị khuyết tật về nhận thức sẽ luôn được hưởng lợi từ trải nghiệm thân thiện với người dùng giúp giảm thiểu sự mơ hồ. Breadcrumbs đặc biệt quan trọng nếu trang web của bạn trải dài và phức tạp. Breadcrumbs cũng ngay lập tức định hướng người dùng trình đọc màn hình, giúp việc điều hướng trang web trở nên dễ dàng hơn.
Mặc dù breadcrumbs rõ ràng là hữu ích cho người dùng khuyết tật, giống như nhiều phương pháp hay nhất về trợ năng, chúng cải thiện trải nghiệm cho tất cả người dùng.
Chatbots và tích hợp của bên thứ ba
Nhiều trang web tận dụng tích hợp của bên thứ ba cho trang web của họ, chẳng hạn như chatbot, chế độ bật lên, trang đích động, v.v. Có một thực tế đáng tiếc là phần lớn phần mềm của bên thứ ba thường không thể truy cập được, một tình huống phức tạp hơn do công ty không có khả năng khắc phục phần mềm đó.
Nếu tổ chức của bạn chọn tích hợp ứng dụng của bên thứ ba vào trang web của bạn, hãy nhớ nhờ một chuyên gia đánh giá ứng dụng đó trước khi bạn thêm ứng dụng đó. Mặc dù bạn có thể không giải quyết được nhiều lỗi về khả năng truy cập, nhưng ít nhất bạn sẽ hiểu mức độ rủi ro mà mình đang gặp phải. Bạn cũng có thể yêu cầu nhà cung cấp tuyên bố về khả năng tiếp cận hoặc đảm bảo để đưa vào hợp đồng (mặc dù vậy, bạn vẫn nên kiểm tra sản phẩm để xác minh tính chính xác của sản phẩm trước khi triển khai).
Ngoài ra, hãy luôn hỏi nhà cung cấp của bạn về khả năng tiếp cận sản phẩm của họ. Càng nhiều khách hàng yêu cầu các sản phẩm có thể truy cập, thì cơ hội các nhà cung cấp lắng nghe và bắt đầu kết hợp các tính năng trợ năng vào các bản dựng sản phẩm của họ càng cao.
Đọc thêm:
Dịch vụ xây dựng thương hiệu cho các công ty khởi nghiệp ở Hà Nội
