it-swarm-vi.com

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?

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 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.

35
Tim Post
  • Đả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 nó . Joe Clark có phiên bản trực tuyến của "Xây dựng trang web có thể truy cập" sách có sẵn để xem miễn phí, trong đó có nhiều thông tin hữu ích.

18
Wolfwyrd

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!

8
Toby

Đầ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 xem bạn có thể 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 có 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 những người có thể sử dụng chuột hơn là có người trói 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 phòng và sau đó chỉ cần truy cập thông tin khách sạn.

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).

7
Ian Ringrose

Bạn có thể sử dụng trang này để có cái nhìn tổng quan về tuân thủ nhanh chóng: 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.

4
Mark Hatton

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/

3
Rickjaah

Tôi tìm thấy cuốn sách có thể tải xuống miễn phí của Mark Pilgrim Đi sâu vào tính chính xác để trở thành 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ũ.

2
Ian Mackinnon

WAI-ARIA có vẻ như bây giờ có thể là một bổ sung cho kho vũ khí tiếp cận của chúng tôi.

Một số thông tin về WAI-ARIA - http://www.alistapart.com/articles/waiaria

2
DBUK

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 đều tốt. Đây là một danh sách tôi đã viết vài năm trước 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 đ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.

1
ph33nyx

Tôi nghĩ rằng bạn phải sử dụng trang web này http://www.totalvalidator.com hoặc plugin firefox có sẵn. Nó có một số xác nhận khuyết tật và sẽ đánh dấu bất cứ điều gì còn thiếu.

1
user1270