2011-01-18 11 views
9

Bạn có thể giới thiệu một số liên kết đến các trang web trực tiếp cung cấp biểu định kiểu thay thế cho người dùng khiếm thị, ví dụ: cận thị, daltonism, protanopia, v.v.Ví dụ về các bản định kiểu có độ tương phản thấp, có tầm nhìn thấp?

Bất kỳ thực hành tốt nào được trình bày trong đời thực?

+0

Bạn sẽ tìm thấy một số điều thú vị ở đây: http://www.access-for-all.ch/ Bạn sẽ tìm thấy rất danh sách kiểm tra đầy đủ ở đó. Bạn cũng nên loot tại http://www.vischeck.com/. – meo

Trả lời

2

Mặc dù tôi không thể cung cấp cho bạn một off tay cho người khiếm thị ở đây là một số mặt hàng hữu ích:

  • Here is a sample site with alternate style sheets.
  • Here is great tutorial on getting started with alternating style sheets
  • Khi phát triển trang web của bạn sử dụng 'em' khi chỉ định chiều rộng và chiều cao. Điều này là nhiều hơn như vậy khi người dùng khiếm thị sử dụng tính năng thu phóng của trình duyệt của họ. Nó sẽ giúp giữ cho các trang web tìm kiếm như nó nên thay vì sử dụng 'px' đo lường mà không chảy/thay đổi kích cỡ là tốt.
  • Sử dụng thuộc tính 'alt' cho hình ảnh vì trình đọc màn hình sẽ đọc chúng cho người dùng để họ có thể hiểu hình ảnh là gì.
  • Đặt tên cho các liên kết của bạn cho phù hợp. 'Nhấp vào đây' văn ​​bản siêu liên kết không cho biết ai đó liên kết đến. Tuy nhiên, 'thông tin thêm về các quy trình thiết kế khiếm thị' là văn bản siêu liên kết.
  • Văn bản tương phản. Văn bản màu tối trên nền sáng hoặc màu trắng là tốt nhất cho tính dễ đọc.

Thay vào đó, bạn cũng có thể sử dụng javascript. Here is a joomla site with a plugin for adjusting font sizes.

0

Dưới đây là một công cụ trực tuyến có thể giúp bạn kiểm tra như thế nào bất kỳ sự kết hợp màu sắc là thân thiện với người khiếm thị:

http://gmazzocato.altervista.org/colorwheel/wheel.php

Nó bao gồm một vài "topias" và cũng là phù hợp với các khuyến nghị WCAG.

Cũng là một danh sách tốt đẹp của các công cụ tương tự khác:

http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/