Các bước tối thiểu mà tôi nên làm theo để đảm bảo rằng trang web của tôi có thể truy cập được?


35

Tôi đang cố gắng tuân theo một tiêu chuẩn rất quan trọng mà tôi phải thừa nhận rằng tôi đã bỏ qua cho đến gần đây. Tôi muốn đảm bảo rằng các trang của tôi có thể truy cập được đối với một phần lớn những người bị khuyết tật. Tôi tập trung chủ yếu vào các hướng dẫn chuyên sâu về văn bản và hình ảnh, nhưng không có video / flash hay bất kỳ loại hoạt hình nào.

Danh sách kiểm tra mà tôi có thể theo dõi là gì để đảm bảo rằng nhiều người khuyết tật có thể có trải nghiệm tốt khi sử dụng trang web của tôi và tôi nên chú ý đến những khuyết tật nào nhất?

Tôi biết rằng tôi không thể làm hài lòng tất cả mọi người. Tôi đã trải qua các hướng dẫn của W3C , tuy nhiên tôi không hoàn toàn chắc chắn những tiêu chuẩn nào áp dụng cho tôi. Tôi không xây dựng các ứng dụng web, tôi đang xây dựng hầu hết wiki như trao đổi thông tin, blog và diễn đàn không thường xuyên.


uxexchange.com?
Bobby Jack

Câu trả lời:


18
  • Đảm bảo rằng mọi hình ảnh đều có văn bản thay thế.
  • Hãy chắc chắn rằng bảng màu của bạn phù hợp với những người bị mù màu.
  • Cung cấp bố cục tương phản cao hoặc bố cục văn bản lớn cho người khiếm thị.
  • Đảm bảo các liên kết của bạn có ý nghĩa khi đọc ra khỏi ngữ cảnh (nghĩa là không chỉ viết "bấm vào đây").
  • Đảm bảo trang web của bạn vẫn cung cấp đầy đủ chức năng cơ bản nếu người dùng không có hỗ trợ JavaScript.

W3 cung cấp một số mẹo cơ bản về khả năng truy cập thông qua trang web của mình . Joe Clark có sẵn phiên bản trực tuyến của cuốn sách "Xây dựng trang web có thể truy cập" để xem miễn phí, trong đó có nhiều thông tin hữu ích.


1
Có một số cảnh báo cho quy tắc 'văn bản thay thế'. Thật không may, tôi đã làm việc với những người coi nó như một quy tắc khó và nhanh - tức là MỌI hình ảnh PHẢI có thuộc tính alt. Sau đó, họ thêm những thứ như "Logo của công ty chúng tôi" vào hình ảnh logo và "màu xanh lớn" cho hình ảnh được liên kết với tài khoản twitter.
Bobby Jack

Với thẻ alt, tôi tin rằng MỌI hình ảnh nên có một. Khi làm việc với trình đọc màn hình, bạn cần cho nó biết phải làm gì. Nếu hình ảnh của bạn chỉ đơn giản là ở đó để thu hút thị giác và không có giá trị nào khác, thì hãy sử dụng alt = "" để trình đọc màn hình biết bỏ qua nó. Nếu hình ảnh của bạn là một biểu đồ, hoặc có lẽ là một tiêu đề, hãy chắc chắn bao gồm thông tin trong thẻ alt để trình đọc màn hình, cũng như những người vô hiệu hóa hình ảnh, sẽ không bỏ lỡ.
ph33nyx

8

Làm cho ngữ nghĩa đánh dấu của bạn là một bước tiến lớn về khả năng truy cập, nếu trang web của bạn có thể được điều hướng mà không có bất kỳ CSS nào được áp dụng cho nó và nội dung có ý nghĩa thì mọi thứ khác chỉ là hấp dẫn trực quan!


1
Và nhiều niềm vui hơn vào ngày CSS trần truồng :)
Tim Post

2
Haha, tự nhiên! Nghiêm túc mà nói, rất nhiều người cho rằng khả năng truy cập là tất cả để làm với thiết kế, nó hoàn toàn ngược lại, nếu bạn có thể làm cho nội dung của mình để nó hoạt động mà không cần bất kỳ thiết kế nào thì một máy (và do đó là con người) sẽ luôn có thể truy cập nó
Toby

7

Đầu tiên, người Viking bị vô hiệu hóa có nghĩa là những điều đáng chú ý!

Vì vậy, hãy xem xét một số nhóm người bạn cần kiểm tra có thể là trang web của bạn không.

Một người nghèo chỉ có một cuốn sổ ghi chú với màn hình nhỏ

Bạn chỉ cần kiểm tra trang web của bạn có thể được sử dụng khi cửa sổ trình duyệt nhỏ mà không quá đau.

Một người mù màu

Ai đó có thể sử dụng trang web của bạn mà không nhìn thấy màu sắc của các biểu tượng, v.v., hình ảnh bạn đang truy cập nó trên màn hình B & W.

Một người có trang web nghèo.

Khi bạn thay đổi kích thước loại trong trình duyệt, tất cả văn bản sẽ lớn hơn trong trang web của bạn và bố cục vẫn ổn. Ngoài ra trang web vẫn có thể được sử dụng trên một màn hình nhỏ?

Trang web của bạn có sử dụng bố cục tương phản cao không, nếu không người dùng có dễ dàng chuyển sang bố cục tương phản cao không?

Một người không thể sử dụng chuột

Một người chưa bao giờ sử dụng trang web của bạn trước đây, có thể truy cập tất cả các chức năng / thông tin chỉ bằng cách sử dụng bàn phím. (Phím tab có hoạt động theo cách hữu ích không?)

Một người có kỹ năng đọc kém

Bạn đang sử dụng tiếng Anh đơn giản nhất có thể?

Một người không giỏi trong việc học những điều mới.

Là thiết kế của trang web của bạn dựa trên trang web khác mà người dùng của bạn đã biết cách sử dụng?

Một người mù.

Đây là một trong những khó khăn và hầu hết những gì bạn đọc không phải là sử dụng phù hợp !!
Trước tiên, hãy rút ngắn tất cả các vấn đề truy cập khác của chúng tôi, vì có rất nhiều người có thị lực kém hoặc không thể sử dụng chuột hơn so với những người bị ràng buộc.

Tiếp theo hãy hiểu mục tiêu của bạn , ví dụ: nếu trang web của bạn là trang web đặt phòng khách sạn, có thể tốt hơn là cung cấp số điện thoại tính phí để đặt phòng và sau đó chỉ cần làm cho thông tin khách sạn có thể truy cập được.

Hầu hết những người mù cảm thấy rất khó sử dụng bất kỳ trang web tương tác nào mà họ chưa từng sử dụng trước đây, tuy nhiên trang web này được thiết kế.

Vì vậy, bạn nên cung cấp một tùy chọn không có web? (Điện thoại? Một người ghé thăm họ để giúp điền vào biểu mẫu, v.v.?)

Đầu tiên trang web của bạn có thể được sử dụng mà không có bất kỳ hình ảnh? (Văn bản thay thế là một cách để làm điều này)

Với phần mềm lời nói đọc từ trên xuống dưới, trang web của bạn có thể được hiểu theo cách đó không?

Rất khó để làm cho một trang web có điều hướng phức tạp dễ dàng cho một người liên kết sử dụng, một người liên kết không có cách nào biết rằng một phần của trang đã được JavaScript cập nhật và cần phải đọc lại.

Thay đổi màu sắc của các mặt hàng để thay đổi trạng thái cũng không phải là một lựa chọn tốt.

Cách duy nhất để tìm hiểu làm thế nào để một trang web hoạt động tốt cho những người liên kết là xem cách một người liên kết sử dụng trình đọc màn hình trên một số trang web. Không có tiêu chuẩn nào đủ tốt, họ chỉ cho bạn biết những gì bạn không nên làm, nhưng giữ cho chúng là không đủ (trừ khi bạn chỉ được cung cấp văn bản tĩnh như một trang web tin tức).


1
Tôi thích câu đầu tiên trong câu trả lời này! (và tất nhiên các câu khác nữa)
Tim Post

5

Bạn có thể sử dụng trang web này để có cái nhìn tổng quan về tuân thủ: http://wave.webaim.org/

Nó thực hiện một công việc tương tự như hệ thống "Bobby" cũ đã ngừng hoạt động vài năm trước.


3

Chính phủ Hà Lan sử dụng trang web này để kiểm tra các trang web của mình về khả năng tiếp cận. hãy xem ... bạn cũng có thể vào trang web của mình để kiểm tra trạng thái hiện tại của nó về khả năng truy cập ...

http://www.webrichtlijnen.nl/english/


2

Tôi thấy cuốn sách có thể tải xuống miễn phí của Mark Pilgrim Lặn vào Accesibility là một điểm tham khảo hữu ích về chủ đề này. Đó là từ năm 2002 nhưng vẫn rất thích hợp. Lời khuyên như "sử dụng sự xuống cấp duyên dáng" không bị cũ.




1

Câu trả lời số 1 rất đơn giản: viết HTML / CSS hợp lệ, đúng ngữ nghĩa !!! Tất cả các đề xuất trên là tốt. Đây là một danh sách kiểm tra mà tôi đã viết vài năm trước đây cho bạn thấy một vài điều bạn nên kiểm tra trên tất cả các trang web: https://forge.iowa.gov/wiki/index.php/Web_Checklist . Nó giả sử bạn có thanh công cụ Web Developer trên FF, nhưng nó miễn phí và dễ dàng có được.

Một vài điều đơn giản mà tôi cảm thấy có thể tạo ra sự khác biệt thực sự:

Đối với các biểu mẫu, hãy chắc chắn sử dụng thẻ LABEL. Nó làm cho một khu vực có thể nhấp lớn hơn cho những thứ như nút radio và cũng liên kết mọi thứ với nhau cho trình đọc màn hình.

Một điều khác mà tôi cảm thấy thường bị sử dụng sai là các thẻ h1, h2, h3 .... Nếu được sử dụng đúng cách, những thứ đó có thể giúp ai đó điều hướng qua trang của bạn một cách dễ dàng. Nếu chúng ta chỉ tạo kiểu cho chúng và sử dụng chúng theo kiểu willy-nilly thì sẽ rất dễ gây hiểu lầm cho trình đọc màn hình và các thiết bị I / O không có chuột khác.

Thật tuyệt khi cho phép ai đó đang điều hướng trang của bạn mà không có tất cả CSS và hình ảnh đẹp của bạn bỏ qua mã lặp đi lặp lại trong nội dung. Điều này thường đạt được bằng cách sử dụng liên kết SKIP được ẩn trong CSS. Ví dụ: <a href="#skipnav" class="noshow">Skip past navigation to content.</a>để cho phép bỏ qua một điều hướng dài.

Như Tony đã nêu, một trong những thử nghiệm tốt nhất là loại bỏ tất cả chuông và còi của trang của bạn và xem liệu nó có còn ý nghĩa hay không.


Về chủ đề thẻ ALT ... mỗi hình ảnh nên có thẻ ALT. Nếu hình ảnh là nội dung thì nó phải có một cái gì đó mô tả trong thẻ ALT, nếu nó chỉ là trang trí, hãy sử dụng dấu ngoặc kép alt=""để chỉ ra rằng các trình đọc màn hình như JAWS có thể vượt qua chúng.
ph33nyx
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.