CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM QCVN xxxx:2011/BTTTT QUY CHUẨN KỸ THUẬT QUỐC GIA VỀ TRANG THÔNG TIN ĐIỆN TỬ (WEBSITE) CỦA CƠ QUAN NHÀ NƯỚC: CÁC YẾU TỐ HỖ TRỢ NGƯỜI KHUYẾT TẬT TIẾP CẬN VÀ SỬ DỤNG CÔNG NGHỆ THÔNG TIN (Tài liệu hội thảo) HÀ NỘI - 2011 Mục lục Mục lục Lời nói đầu Phạm vi áp dụng .5 Tài liệu viện dẫn Giới thiệu .5 Mục đích Thiết cận 4.1 Đảm bảo chuyển đổi dễ dàng 4.2 Làm cho nội dung dễ hiểu có tính điều hướng Các tiêu chí tiếp cận nội dung Web 5.1 Tiêu chí Cung cấp lựa chọn thay tương đương với nội dung thính giác thị giác .9 5.2 Tiêu chí Khơng dựa vào màu sắc .10 5.3 Tiêu chí 3: Sử dụng đánh dấu cách thức trình bày xác 10 5.4 Tiêu chí Làm rõ cách sử dụng ngơn ngữ tự nhiên 11 5.5 Tiêu chí Tạo bảng biểu biến đổi dễ dàng .11 5.6 Tiêu chí Đảm bảo trang tính cơng nghệ biến đổi dễ dàng 12 5.7 Tiêu chí Bảo đảm quyền kiểm soát người sử dụng với nội dung thay đổi nhạy cảm với thời gian .12 5.8 Tiêu chí Đảm bảo người sử dụng tiếp cận trực tiếp giao diện nhúng 12 5.9 Tiêu chí Thiết kế cho thiết bị độc lập .13 5.10 Tiêu chí 10 Sử dụng giải pháp tạm thời 13 5.11 Tiêu chí 11 Sử dụng công nghệ hướng dẫn W3C 13 5.12 Tiêu chí 12 Cung cấp ngữ cảnh định hướng thông tin .14 5.13 Tiêu chí 13 Cung cấp chế định hướng rõ ràng 14 5.14 Tiêu chí 14 Đảm bảo tài liệu rõ ràng đơn giản 14 Phụ lục A 16 Phụ lục B - Bảng thuật ngữ 18 Tham khảo 26 Lời nói đầu QCVN xxx:2011 xây dựng sở Web Content Accessibility Guidelines 1.0 Tập đồn WWW (W3C), có tham khảo Thơng tư 26/2009/TT-BTTTT Quy định việc cung cấp thông tin đảm bảo khả truy nhập thuận tiện đối với trang thông tin điện tử Nhà nước QCVN xxx:2011 Vụ Khoa học Công nghệ xây dựng, Bộ Thông tin Truyền thông đề nghị, Tổng cục Tiêu chuẩn Đo lường Chất lượng thẩm định, Bộ Khoa học Công nghệ công bố Phạm vi áp dụng Quy chuẩn áp dụng đối với trang Web Bộ, quan ngang Bộ, quan thuộc Chính phủ quan, tổ chức nghiệp trực thuộc; Ủy ban nhân dân tỉnh, thành phố trực thuộc Trung ương quan chuyên môn trực thuộc có trang thơng tin điện tử (Website) Tài liệu viện dẫn [1] Web Content Accessibility Guidelines 1.0 W3C Recommendation [2] Thông tư 26/2009/TT-BTTTT Quy định việc cung cấp thông tin đảm bảo khả truy nhập thuận tiện đối với trang thông tin điện tử Nhà nước Giới thiệu Tài liệu giải thích cách thức cho phép người khuyết tật tiếp cận nội dung Web Những tiêu chí có ý định sử dụng cho tất nhà phát triển nội dung web (tác giả trang web thiết kế trang web) cho nhà phát triển cơng cụ Mục tiêu Tiêu chí thúc đẩy khả tiếp cận Tuy nhiên, bên cạnh phải đảm bảo tính sẵn sàng nội dung web cho tất người dùng, không phụ thuộc vào trình dụt mà họ sử dụng (ví dụ, trình dụt máy tính để bàn, trình dụt thoại, điện thoại di động, vv) điều kiện hạn chế (ví dụ như, tiếng ồn xung quanh, ánh sáng phịng khơng thích hợp, vv) Tn thủ Tiêu chí giúp người tìm kiếm thơng tin Web nhanh Những Tiêu chí không làm hạn chế nhà phát triển nội dung việc sử dụng hình ảnh, video, vv, mục đích Tiêu chí giải thích cách làm cho nội dung đa phương tiện dễ tiếp cận với đối tượng rộng rãi Tuy nhiên, tài liệu tập trung vào khả tiếp cận không đề cập đầy đủ đến vấn đề liên quan đến lĩnh vực khác Đối với người không quen với khả tiếp cận vấn đề liên quan đến thiết kế trang Web, nên cân nhắc đến việc nhiều người sử dụng môi trường ngữ cảnh rất khác so với hoàn cảnh họ: • Họ khơng thể nhìn thấy, nghe, di chuyển, họ khơng xử lý cách dễ dàng sớ loại thơng tin tồn thơng tin • Họ gặp khó khăn đọc nhận thức văn • Họ khơng thể sử dụng bàn phím chuột • Có thể họ có hình hiển thị ký tự (khơng hiển thị hình ảnh…), hình nhỏ, kết nới Internet chậm • Họ khơng nói lưu lốt khơng hiểu thấu đáo ngơn ngữ tài liệu • Họ điều kiện mà mắt, tai, hay tay bận rộn bị chi phới (ví dụ, lái xe làm, làm việc mơi trường ồn ào, vv) • Họ sử dụng trình dụt có phiên cũ, trình dụt khác hồn tồn, trình duyệt có tiếng nói, hệ điều hành khác Người phát triển nội dung phải xem xét tình h́ng khác q trình thiết kế trang Web Trong có vài tình h́ng để cân nhắc, lựa chọn thiết cận nhóm lợi ích chung vài nhóm khuyết tật tồn thể cộng đồng Web Ví dụ: Bằng cách sử dụng “style sheet” để điều khiển kiểu chữ loại trừ yếu tố phông chữ, tác giả HTML có quyền kiểm sốt nhiều đới với trang Web họ, làm cho trang dễ tiếp cận cho người có tầm nhìn kém, cách chia xẻ “style sheet”, thường rút ngắn tải thời gian tải trang Web cho người dùng Các Tiêu chí thảo luận vấn đề truy cập cung cấp giải pháp thiết cận Tài liệu đưa tình h́ng điển hình (giớng ví dụ kiểu phơng chữ) gây vấn đề cho người có nhóm người khuyết tật nhất định Ví dụ, Tiêu chí giải thích cách nhà phát triển nội dung làm cho hình ảnh truy cập Một sớ người dùng khơng thể nhìn thấy hình ảnh, người khác sử dụng trình dụt khơng hỗ trợ hình ảnh, người khác tắt tính hỗ trợ hình ảnh (ví dụ, kết nới Internet chậm) Các Tiêu chí khơng đưa giả thuyết tránh hình ảnh để cải thiện khả tiếp cận Thay vào đó, Tiêu chí giải thích việc cung cấp tương đương văn hình ảnh làm cho có khả tiếp cận Làm để tương đương văn giúp cho hình ảnh tiếp cận? Cả hai cụm từ "tương đương văn bản" quan trọng: • Nội dung văn trình bày cho người sử dụng dưới dạng tổng hợp giọng nói, chữ Bray, văn hiển thị trực quan Mỗi cách trình bày cảm nhận giác quan khác - tai với hội thoại tổng hợp, xúc giác cho chữ Bray, đôi mắt với văn hiển thị trực quan - làm cho thơng tin truy cập giác quan khác cho người khuyết tật • Để có ích, văn phải chuyển tải chức mục đích hình ảnh Ví dụ: Xem xét văn tương đương với hình ảnh Trái đất nhìn từ khơng gian bên ngồi Nếu mục đích hình ảnh chủ yếu hình ảnh, văn "Hình ảnh Trái Đất nhìn từ vũ trụ" đáp ứng đủ tính cần thiết Nếu mục đích ảnh để minh họa thông tin cụ thể địa lý giới, tương đương văn phải truyền tải thơng tin Nếu ảnh thiết kế để người sử dụng chọn hình ảnh (ví dụ, cách bấm vào nó) cho biết thơng tin trái đất, tương đương phải "Thông tin Trái Đất" Vì vậy, văn truyền đạt chức mục đích cho người khuyết tật hình ảnh cho người sử dụng khác, coi tương đương văn Lưu ý rằng, ngồi việc hữu ích cho người khuyết tật, tương đương văn giúp người dùng tìm trang nhanh hơn, robot tìm kiếm sử dụng văn lập mục trang Trong nhà phát triển nội dung web phải cung cấp tương đương văn cho hình ảnh nội dung đa phương tiện khác trách nhiệm phần mềm trợ giúp người dùng (ví dụ, trình duyệt công nghệ trợ giúp thiết bị đọc hình, hiển thị chữ bray, vv) hiển thị thông tin cho người sử dụng Các tương đương phi văn văn (ví dụ, biểu tượng, phát biểu ghi âm trước, video người chuyển từ ngôn ngữ văn sang ngôn ngữ ký hiệu) giúp cho người gặp khó khăn việc tiếp cận văn viết, bao gồm nhiều cá nhân khuyết tật nhận thức, khuyết tật học thức điếc tiếp cận văn Tương đương phi văn văn hữu ích cho người khơng có khả đọc Mơ tả thính giác ví dụ tương đương phi văn với thơng tin thị giác Bản mơ tả thính giác trình bày đa phương có ích cho người khơng thể nhìn thấy thơng tin truyền tải thị giác Mục đích Thiết cận Các Tiêu chí định hướng hai chủ đề chung: đảm bảo việc chuyển đổi dễ dàng làm cho nội dung dễ hiểu có khả điều hướng 4.1 Đảm bảo chuyển đổi dễ dàng Các nhà phát triển nội dung tạo trang có biến đổi dễ dàng cách theo Tiêu chí Đây sớ dẫn để thiết kế trang Web: • Phân tách cấu trúc khỏi cách trình bày (tham khảo khác biệt nội dung, cấu trúc trình bày) • Cung cấp văn (bao gồm tương đương văn bản) Văn kết xuất cho tất thiết bị trình duyệt web tất người dùng tiếp cận • Tạo tài liệu hoạt động người dùng khơng thể nhìn thấy và/hoặc nghe thấy Cung cấp thông tin phục vụ mục đích chức âm video theo cách thích hợp để thay giác quan khác Điều khơng có nghĩa tạo phiên âm ghi trước toàn trang web để người mù tiếp cận Người mù sử dụng cơng nghệ thiết bị đọc hình để dịch tất thơng tin văn trang Web • Tạo tài liệu mà khơng dựa vào loại hình phần cứng Các trang nên thiết kế để sử dụng với thiết bị khơng có chuột, với hình nhỏ, độ phân giải hình, hình màu đen trắng, khơng có hình, với giọng nói văn bản, vv 4.2 Làm cho nội dung dễ hiểu có tính điều hướng Các nhà phát triển nội dung phải làm cho nội dung dễ hiểu có tính định hướng Điều bao gồm không làm cho ngôn ngữ rõ ràng đơn giản, mà phải cung cấp chế dễ hiểu để điều hướng trang Việc cung cấp công cụ điều hướng định hướng thông tin trang tăng tối đa khả tiếp cận khả sử dụng Khơng phải tất người dùng sử dụng cơng cụ trực quan đồ hình ảnh, di chuyển theo tỷ lệ, di chuyển khung, đồ họa Tiêu chí người sử dụng nhìn thấy trình duyệt đồ họa Người sử dụng bị mất thông tin trường hợp họ xem phần trang, khả tiếp cận từ trang thời điểm (bộ tổng hợp giọng nói hiển thị chữ bray), phần thời điểm (màn hình hiển thị nhỏ, hình hiển thị phóng to ) Nếu khơng có thơng tin định hướng, người hiểu bảng rất lớn, danh sách, menu, vv Các Tiêu chí từ 12 đến 14 liên quan đến chủ đề “Làm cho nội dung dễ hiểu có tính điều hướng” Các tiêu chí tiếp cận nội dung Web 5.1 Tiêu chí Cung cấp lựa chọn thay tương đương với nội dung thính giác thị giác Cung cấp nội dung cho trình bày cho người dùng truyền tải chức mục đích nội dung thính giác hay thị giác Mặc dù sớ người khơng thể sử dụng trực tiếp hình ảnh, phim ảnh, âm thanh, vi mã, vv , họ sử dụng trang có chứa thông tin tương đương với nội dung thị giác thính giác Các thơng tin tương đương phải phục vụ mục đích tương tự nội dung trực quan thính giác Vì thế, văn tương đương với hình ảnh mũi tên lên liên kết đến bảng mục lục hiểu "Tới bảng mục lục" Trong số trường hợp, vật tương đương phải mô tả xuất hiện nội dung trực quan (ví dụ, đới với biểu đồ phức tạp, biển báo, sơ đồ) âm nội dung thính giác (ví dụ, đới với mẫu âm sử dụng giáo dục) Tiêu chí nhấn mạnh tầm quan trọng việc cung cấp tương đương văn cho nội dung phi văn (hình ảnh, âm ghi trước, video) Sức mạnh tương đương văn nằm khả kết xuất theo cách cho phép nhiều nhóm người có khuyết tật tiếp cận cách sử dụng cơng nghệ khác Văn dễ dàng đưa tới tổng hợp giọng nói hiển thị chữ Bray trình bày trực quan (với kích cỡ đa dạng) hình máy tính giấy Bộ tổng hợp giọng nói rất quan trọng đới với người mù cho nhiều người dân gặp khó khăn với kỹ đọc, chúng thường kèm với khuyết tật nhận thức, khuyết tật kiến thức điếc Chữ rất cần thiết cho người bị mắc chứng điếc mù, nhiều cá nhân có khuyết tật dạng có cảm giác người mù Văn hiển thị trực quan có ích cho người sử dụng bị điếc, đa số người sử dụng Web Cung cấp tương đương phi văn (ví dụ, hình ảnh, video dạng ghi âm trước) văn có lợi cho sớ người dùng, đặc biệt người gặp khó khăn với kỹ đọc Trong phim biểu diễn trực quan, hành động trực quan ngôn ngữ thể dấu hiệu trực quan khác khơng kèm đủ thông tin âm để chuyển tải thông tin tương đương Trừ mô tả lời nói thơng tin cung cấp trực quan, người khơng thể nhìn thấy (hoặc xem) nội dung trực quan khơng thể cảm nhận 5.2 Tiêu chí Khơng dựa vào màu sắc Đảm bảo văn đồ họa dễ hiểu xem khơng có màu Nếu sử dụng màu sắc để chuyển tải thông tin, người phân biệt màu sắc nhất định người sử dụng với thiết bị không màu không hiển thị trực quan không nhận thông tin Khi trước màu có mầu sắc giống nhau, không đủ độ tương phản xem thiết bị sử dụng hiển thị đơn sắc với người bị mù màu 5.3 Tiêu chí 3: Sử dụng đánh dấu cách thức trình bày xác Đánh dấu tài liệu với phần tử cấu trúc phù hợp Điều khiển trình bày với cách thức trình bày ưu tiên sử dụng phần tử trình bày thuộc tính Sử dụng đánh dấu khơng - không theo đặc tả kỹ thuật - gây cản trở khả tiếp cận Lạm dụng đánh dấu cho hiệu ứng trình bày (ví dụ, cách sử dụng bảng cho bớ trí tiêu đề để thay đổi kích thước phơng chữ) gây khó khăn với người sử dụng phần mềm chuyên ngành để hiểu tổ chức trang để định hướng trang Web Hơn nữa, đánh dấu cách sử dụng trình bày thay đánh dấu cấu trúc để chuyển tải cấu trúc (ví dụ, xây dựng bảng liệu với phần tử HTML PRE) gây khó khăn để kết xuất trang dễ hiểu với thiết bị khác (tham khảo mô tả khác biệt nội dung, cấu trúc, trình bày) Các nhà phát triển triển dung yêu cầu sử dụng (hoặc khơng sử dụng) hình vẽ để giữ định dạng mong ḿn trình dụt cũ Họ phải nhận thức áp dụng gây vấn đề tiếp cận phải cân nhắc hiệu ứng định dạng có tính định làm cho sớ người dùng tiếp cận tài liệu 10 • Các chi tiết kỹ thuật W3C xem xét từ sớm giai đoạn thiết kế để đảm bảo cân nhắc vấn đề khả tiếp cận • Các chi tiết kỹ thuật W3C phát triển theo hướng mở, quy trình cơng nghiệp Ngay sử dụng cơng nghệ W3C, phải sử dụng phù hợp với Tiêu chí khả tiếp cận Khi sử dụng công nghệ mới, cần đảm bảo chúng phải chuyển đổi dễ dàng (Tham khảo thêm Tiêu chí 6) 5.12 Tiêu chí 12 Cung cấp ngữ cảnh định hướng thông tin Cung cấp ngữ cảnh định hướng thông tin để giúp người dùng hiểu trang phần tử phức tạp Nhóm phần tử cung cấp thơng tin theo ngữ cảnh mối quan hệ phần tử hữu ích cho tất người sử dụng Các mối quan hệ phức tạp phần trang gây khó khăn cho người khuyết tật nhận thức người khuyết tật trực quan 5.13 Tiêu chí 13 Cung cấp chế định hướng rõ ràng Cung cấp chế định hướng rõ ràng quán - định hướng thông tin, menu, đồ trang web, vv - để tăng khả người tìm thấy họ tìm kiếm trang web Cơ chế định hướng rõ ràng nhất quán quan trọng đối với người khuyết tật nhận thức mù có lợi cho người sử dụng 5.14 Tiêu chí 14 Đảm bảo tài liệu rõ ràng đơn giản Đảm bảo tài liệu rõ ràng đơn giản để tài liệu dễ hiểu Nhất quán việc bố trí trang, đồ họa dễ nhận biết ngơn ngữ dễ hiểu có lợi cho tất người sử dụng Cụ thể, giúp người khuyết tật nhận thức người gặp khó khăn với kỹ đọc (Tuy nhiên, đảm bảo hình ảnh có dạng tương đương văn cho người mù, người có tầm nhìn cho bất kỳ người sử dụng xem chế độ đồ họa chọn chế độ không xem đồ họa Tham khảo thêm Tiêu chí 1) 14 Sử dụng ngơn ngữ rõ ràng đơn giản khiến cho giao tiếp hiệu Lưu ý thơng tin văn đơi gây khó khăn cho người có khuyết tật khả nhận thức tiếp cận Sử dụng ngôn ngữ rõ ràng đơn giản có lợi cho người sử dụng ngơn ngữ khác với ngơn ngữ riêng văn bản, bao gồm người chủ yếu giao tiếp ngôn ngữ ký hiệu 15 Phụ lục A Xác nhận khả tiếp cận với cơng cụ tự động khía cạnh người Nói chung phương pháp tự động nhanh chóng thuận tiện, xác định tất vấn đề tiếp cận Khía cạnh người giúp đảm bảo sáng ngôn ngữ dễ dàng định hướng Bắt đầu sử dụng phương pháp xác nhận (validation) giai đoạn sớm nhất phát triển Các vấn đề tiếp cận xác định sớm dễ dàng cho việc chỉnh sửa phòng tránh Sau số phương pháp xác nhận (validation) quan trọng, thảo luận chi tiết phần xác nhận (validation) Tài liệu Kỹ thuật (Techniques Document) Sử dụng công cụ tiếp cận tự động công cụ xác nhận (validation) trình dụt Lưu ý cơng cụ phần mềm không đưa tất vấn đề tiếp cận, ý nghĩa đầy đủ liên kết văn , ứng dụng tương đương văn (text equivalent) vv Cú pháp xác nhận (validation) (ví dụ, HTML, XML, vv) Xác nhận (validation) style sheet (ví dụ, CSS) Sử dụng trình dụt chương trình mơ văn Use multiple graphic browsers, with: Sử dụng nhiều trình duyệt đồ họa, với: o Tải âm hình ảnh, o Không tải đồ họa, o Không tải âm thanh, o khơng có chuột, o Các khung, script, style sheet vi mã không tải Sử dụng sớ trình dụt, cũ mới Sử dụng trình duyệt tự lồng tiếng, thiết bị đọc hình, phần mềm phóng to, hình nhỏ, vv Sử dụng kiểm tra tả ngữ pháp Một người đọc trang tổng hợp giọng nói khơng thể đốn tớt nhất từ có lỗi tả tổng hợp Loại bỏ vấn đề ngữ pháp làm tăng khả nhận thức 16 Xem xét tài liệu cho rõ ràng đơn giản Độ khó thớng kê, Chẳng hạn tạo sớ xử lý từ sớ hữu ích rõ ràng đơn giản Tốt hơn, yêu cầu người có kinh nghiệm soạn thảo để xem lại nội dung viết cho rõ ràng Biên tập viên cải thiện khả sử dụng văn cách xác định vấn đề văn hóa nhạy cảm phát sinh việc sử dụng ngơn ngữ biểu tượng 10 Mời người khuyết tật để xem xét tài liệu Chuyên gia người dùng mới làm quen với khuyết tật cung cấp thông tin phản hồi quý giá vấn đề khả tiếp cận khả sử dụng mức độ nghiêm trọng 17 Phụ lục B - Bảng thuật ngữ Có thể tiếp cận (Accessible) Nội dung tiếp cận người khuyết tật sử dụng Vi mã (Applet) Một chương trình chèn vào trang web Công nghệ hỗ trợ (Assistive technology) Phần mềm phần cứng thiết kế đặc biệt để trợ giúp người khuyết tật việc thực hiện hoạt động hàng ngày Công nghệ hỗ trợ bao gồm xe lăn, máy đọc, thiết bị cầm tay, vv Trong lĩnh vực tiếp cận Web, phần mềm phổ biến dựa công nghệ hỗ trợ bao gồm thiết bị đọc hình, chiếu, tổng hợp giọng nói phần mềm đầu vào tiếng nói hoạt động kết hợp với trình dụt đồ họa máy tính để bàn (giữa phần mềm trợ giúp người dùng khác) Phần cứng công nghệ hỗ trợ bao gồm bàn phím thay thiết bị trỏ Ký tự ASCII (ASCII art) Ký tự ASCII dùng để ký tự văn biểu tượng kết hợp để tạo hình ảnh Ví dụ ";-)" biểu tượng cảm xúc cười Sau hình vẽ ascii biểu diễn mới quan hệ tần số flash phản ứng photoconvulsive bệnh nhân mở mắt nhắm mắt % % 100 | * 90 | * * 80 | * 70 | 20 | * * | 80 | * * | * @ 40 | 30 | | 90 | * * | @ 60 | 50 | | 100 | * | | 70 | @ * | * @ | 60 | @ * | * @ * @ | 50 | * @ * | * @ @ | 40 | @ * | * | 30 | * @ @ @ * | | 20 | | 18 10 | @ @ @ @ @ | 10 | @ @ @ @ @ | 10 15 20 25 30 35 40 45 50 55 60 65 70 10 15 20 25 30 35 40 45 50 55 60 65 70 Tần số Flash (Hertz) Công cụ biên soạn (Authoring tool) Chương trình biên soạn HTML, cơng cụ chuyển đổi tài liệu, công cụ tạo nội dung Web từ sở liệu, tất công cụ biên soạn Tham khảo "Authoring Tool Accessibility Guidelines" ([WAI-AUTOOLS]) để biết thông tin phát triển công cụ tiếp cận Tương thích với phiên cũ (Backward compatible) Thiết kế trì để làm việc với phiên trước ngơn ngữ, chương trình, vv Chữ Bray (Bray) Chữ Bray sử dụng sáu điểm chấm với mẫu khác để biểu diễn chữ số điện thoại để người mù đọc ngón tay Từ "Accessible" chữ Bray biểu diễn: Một hiển thị chữ Bray (Bray display), thường gọi hiển thị bray động, làm tăng làm giảm dạng điểm lệnh từ thiết bị điện tử, thường máy tính Kết dịng chữ Bray thay đổi thời điểm Hiển thị bray động hiện hiển thị từ cell (sáu tám điểm) tới tám mươi cell dịng, hầu hết dịng từ có mười hai đến hai mươi cell dòng Người phát triển nội dung (Content developer) Tác giả trang web người thiết kế trang web Bị phản đối (Deprecated) Phần tử thuộc tính bị phản đối phần tử thuộc tính lỗi thời xây dựng mới Các phần tử bị phản đối trở nên lỗi thời phiên tương lai HTML Bảng phần tử 19 thuộc tính HTML Tài liệu Kỹ thuật (Techniques Document) phần tử thuộc tính bị phản đối HTML 4.0 Tác giả cần tránh sử dụng phần tử thuộc tính bị phản đối Phần mềm trợ giúp người dùng phải tiếp tục hỗ trợ lý tương thích với phiên cũ Thiết bị độc lập (Device independent) Người sử dụng phải có khả tương tác với phần mềm trợ giúp người dùng (và tài liệu kết xuất) sử dụng thiết bị đầu vào đầu hỗ trợ tùy thuộc vào yêu cầu sử dụng Các thiết bị đầu vào co thể bao gồm các thiết bị trỏ, bàn phím, thiết bị chữ Bray, đầu wand, micro… thiết bị khác Các thiết bị đầu bao gồm hình, tổng hợp giọng nói thiết bị chữ bray Lưu ý "hỗ trợ thiết bị độc lập" ("device-independent support") khơng có nghĩa phần mềm trợ giúp người dùng phải hỗ trợ tất thiết bị đầu vào đầu Phần mềm trợ giúp người dùng cần cung cấp chế đầu vào đầu dự phòng cho thiết bị hỗ trợ Ví dụ, phần mềm trợ giúp người dùng hỗ trợ thiết bị đầu vào bàn phím chuột, người dùng phải có khả tương tác với tất tính bàn phím chuột Nội dung văn bản, Cấu trúc, Cách trình bày (Document Content, Structure, and Presentation) Nội dung tài liệu thông tin chuyển đến người dùng thông qua ngôn ngữ tự nhiên, hình ảnh, âm thanh, phim ảnh, hình động, vv Cấu trúc tài liệu cách thức tổ chức logic tài liệu (ví dụ, theo chương, với lời giới thiệu mục lục, vv) Một phần tử (ví dụ, P, STRONG, BLOCKQUOTE HTML) để xác định cấu trúc tài liệu gọi phần tử cấu trúc Cách trình bày tài liệu cách tài liệu kết xuất (ví dụ in, trình bày đồ họa hai chiều, trình bày có văn , phát biểu tổng hợp, chữ Bray, vv) Một phần tử cách trình bày văn (ví dụ: , B, PHƠNG CHữ, CENTER) gọi phần tử trình bày Ví dụ xem xét tiêu đề tài liệu Nội dung tiêu đề nghĩa tiêu đề (ví dụ, "Sailboats") Trong HTML, tiêu đề phần tử cấu trúc đánh dấu, ví dụ, phần tử H2 Ći cùng, trình bày tiêu đề khới chữ in đậm lề, dịng trung tâm văn vv 20 HTML động (DHTML) DHTML thuật ngữ áp dụng cho hỗn hợp chuẩn HTML, cách thức trình bày, kiểu đối tượng văn DOM (Document Object Model ) [DOM1] script Tuy nhiên, khơng có đặc tính kỹ thuật W3C thức xác định DHTML Hầu hết Tiêu chí áp dụng với ứng dụng sử dụng DHTML, nhiên Tiêu chí sau tập trung vào vấn đề liên quan đến scripting cách thức trình bày: Tiêu chí 1, Tiêu chí 3, Tiêu chí 6, 7, Tiêu chí Phần tử (Element) Tài liệu sử dụng thuật ngữ "phần tử" theo nghĩa SGML xác (một phần tử cú pháp) tổng quát để có nghĩa loại nội dung (như video âm thanh), lôgic (như tiêu đề danh sách) Theo nghĩa thứ hai nhấn mạnh Tiêu chí lấy nguồn từ HTML dễ dàng áp dụng cho ngôn ngữ đánh dấu khác Lưu ý sớ phần tử (SGML) có nội dung kết xuất (ví dụ phần tử P, LI, or TABLE HTML), số thay nội dung bên ngồi (ví dụ, IMG), sớ ảnh hưởng đến xử lý (ví dụ, STYLE SCRIPT gây xử lý thông tin cấu style sheet script) Một phần tử tạo ký tự văn tài liệu gọi phần tử văn Tương đương (Equivalent) Nội dung "tương đương" với nội dung khác hai chức mục đích trình bày cho người dùng Trong ngữ cảnh tài liệu này, việc tương đương phải đảm bảo chức giống cho người khuyết tật (ít nhất khả thi tương lai gần, tùy thuộc vào chất của khuyết tật tình trạng cơng nghệ), giớng nội dung cho người khơng bị khuyết tật Ví dụ, đoạn văn "The Full Moon" truyền đạt thơng tin hình ảnh vầng trăng tròn cho người sử dụng Lưu ý thông tin tương đương tập trung vào việc đảm bảo chức giống Nếu hình ảnh phần liên kết việc hiểu hình ảnh quan trọng để đốn đích liên kết, tương đương phải cung cấp cho người dùng ý tưởng đích liên kết Cung cấp thông tin tương đương cho nội dung tiếp cận cách để tác giả làm cho người khuyết tật tiếp cận tài liệu 21 Một phần việc thực hiện chức tương đương nội dung liên quan đến mơ tả nội dung (ví dụ, nội dung nhìn giớng nghe nhau) Ví dụ, người dùng để hiểu thông tin chuyển tải biểu đồ phức tạp, tác giả cần mô tả thông tin thị giác biểu đồ Khi nội dung văn trình bày cho người sử dụng dưới dạng hội thoại tổng hợp, chữ Bray, hiển trị trực quan văn , Tiêu chí yêu cầu tương đương văn thông tin đồ họa âm Tương đương văn phải thể hiện để chuyển tải tất nội dung cần thiết Tương đương phi văn (ví dụ mơ tả thính giác biểu diễn hình ảnh, đoạn video người kể chuyện cách sử dụng ngôn ngữ ký hiệu tương đương cho câu chuyện văn bản, vv) cải thiện khả tiếp cận cho người tiếp cận thông tin trực quan văn viết, bao gồm người mù, khuyết tật nhận thức, khuyết tật học thức, điếc Có sớ cách cung cấp thơng tin tương đương, bao gồm: thơng qua thuộc tính (ví dụ: Giá trị văn cho thuộc tính "alt" HTML SMIL), phần nội dung phần tử (ví dụ, OBJECT HTML), phần tài liệu văn xuôi thông qua tài liệu được liên kết (ví dụ, xác định thuộc tính "longdesc" HTML hay liên kết mô tả Tùy thuộc vào phức tạp tương đương, cần thiết kết hợp kỹ thuật (ví dụ, sử dụng "alt" cho tương đương viết tắt, hữu ích cho người đọc thơng thường, thêm vào "longdesc" cho liên kết có thơng tin đầy đủ hơn, hữu ích cho người đọc lần đầu tiên) Tương đương văn âm (Text transcript) tương đương văn thông tin âm bao gồm từ nói âm khơng phải lời nói hiệu ứng âm Phụ đề Tương đương văn âm cho âm trình diễn video đồng với video âm Phụ đề thường biểu diễn thị giác chèn lên đoạn video, có lợi cho người bị điếc nặng tai, bất nghe âm (ví dụ, phịng đơng đúc) Bản dịch văn đối hợp kết hợp (đối hợp) phụ đề với mô tả văn thông tin video (mô tả hành động, ngôn ngữ thể, đồ họa, cảnh thay đổi track video) Những tương đương văn làm cho người bị điếc, mù người khơng thể xem phim, hình động vv tiếp cận thơng tin Nó cung cấp thơng tin sử dụng cho cơng cụ tìm kiếm 22 Một ví dụ tương đương phi văn mô tả thính giác chi tiết hình ảnh biểu diễn Mơ tả giọng nói thu âm trước tổng hợp giọng nói Thơng thường, mơ tả thính giác đồng với track âm biểu diễn thời gian tạm dừng tự nhiên track âm Mơ tả thính giác bao gồm thông tin hành động, ngôn ngữ thể, đồ họa, thay đổi cảnh Hình ảnh (Image) Một biểu diễn đồ họa Bản đồ hình ảnh (Image map) Hình ảnh chia thành vùng liên kết với hành động Nhấp chuột vào vùng tác động kích hoạt hành động Khi người dùng nhấp chuột vào vùng tác động đồ hình ảnh phía client, phần mềm trợ giúp người dùng tính tốn xem vùng chịu tác động chuyển đến liên kết với vùng Khi nhấp chuột vào vùng tác động hình ảnh đồ phía server, tọa độ điểm nhấp chuột gửi đến máy chủ điều khiển thực hiện số hành động Các nhà phát triển nội dung làm cho đồ hình ảnh phía client truy cập cách cung cấp thiết bị truy cập độc lập để liên kết đến liên kết với khu vực hình ảnh đồ Bản đồ hình ảnh phía client cho phép phần mềm trợ giúp người dùng cung cấp thông tin phản hồi để biết trỏ có tác động vào vùng tác động khơng Liên kết văn (Link text) Nội dung văn kết xuất liên kết Ngôn ngữ tự nhiên (Natural Language) Ngơn ngữ nói, viết ngơn ngữ ký hiệu ngôn ngữ ký hiệu Pháp, Nhật, Mỹ, chữ bray Nội dung ngôn ngữ tự nhiên với thuộc tính "lang" HTML ([HTML40], phần 8.1) thuộc tính "xml:lang" XML ([XML], phần 2.12) Cơ chế điều hướng (Navigation Mechanism) Cơ chế điều hướng phương tiện để người dùng điều hướng trang web Một sớ chế điển hình bao gồm: Các định hướng (navigation bars) 23 Thanh định hướng tập hợp liên kết đến phận quan trọng nhất tài liệu hay trang web Bản đồ trang web (site maps) Bản đồ trang web cung cấp nhìn tổng thể tổ chức trang Web web site Thiết bị kỹ thuật số cá nhân (PDA) (Personal Digital Assistant) PDA thiết bị máy tính cầm tay nhỏ Hầu hết PDA sử dụng để theo dõi liệu cá nhân lịch, danh bạ thư điện tử PDA nói chung thiết bị cầm tay với hình nhỏ cho phép đầu vào từ nhiều nguồn khác Phần mềm phóng to hình (Screen magnifier) Một chương trình phần mềm phóng đại phần hình, giúp cho xem dễ dàng Phần mềm phóng to hình sử dụng chủ yếu cho người thị lực yếu Thiết bị đọc hình (Screen reader) Một chương trình phần mềm để đọc rõ ràng nội dung hình cho người sử dụng Thiết bị đọc hình sử dụng chủ yếu cho người mù Thiết bị đọc hình thường đọc văn in sẵn hình Cách thức trình bày (Style sheets) Cách thức trình bày tập hợp trình bày dùng để biểu diễn tài liệu Cách thức trình bày từ ba nguồn khác nhau: chúng viết nhà cung cấp nội dung, tạo người sử dụng, xây dựng phần mềm trợ giúp người dùng Đánh dấu trình bày (Presentation markup) Là đánh dấu thẻ để đạt hiệu ứng (hơn cấu trúc) phần tử B I HTML Lưu ý phần tử STRONG EM không coi đánh dấu trình bày chuyển tải thơng tin độc lập phông chữ cụ thể Thông tin dạng bảng (Tabular information) Khi sử dụng bảng để biểu diễn mối quan hệ lôgic liệu – text, sớ, hình ảnh, vv, thơng tin gọi thông tin dạng bảng bảng gọi bảng liệu Các mối quan hệ thể hiện qua bảng kết xuất trực quan (thường lưới hai 24 chiều), kết x́t thính giác (thường đặt trước cell thơng tin tiêu đề), định dạng khác Hỗ trợ phần mềm trợ giúp người dùng… (Until User Agents ) Trong hầu hết điểm kiểm tra, nhà phát triển nội dung yêu cầu đảm bảo khả tiếp cận trang web Tuy nhiên, khả tiếp cận cần thích hợp với phần mềm trợ giúp người dùng bao gồm công nghệ trợ giúp Theo ấn phẩm tài liệu này, tất phần mềm trợ giúp người dùng công nghệ trợ giúp cung cấp cho người sử dụng kiểm soát khả tiếp cận yêu cầu (ví dụ, sớ phần mềm trợ giúp người dùng khơng cho phép người dùng tắt nội dung chớp nháy số thiết bị đọc hình khơng xử lý tớt bảng) Checkpoint có chứa cụm từ " Hỗ trợ phần mềm trợ giúp người dùng…" yêu cầu nhà phát triển nội dung cung cấp hỗ trợ thêm khả tiếp cận cho tới hầu hết phần mềm trợ giúp người dùng dễ dàng đưa thông tin tới độc giả bao gồm tính tiếp cận cần thiết Lưu ý Trang Web W3C WAI cung cấp thông tin phần mềm trợ giúp người dùng (phần mềm trợ giúp người dùng) hỗ trợ cho tính khả tiếp cận Các nhà phát triển nội dung khuyến khích tham khảo trang để biết thông tin cập nhật thường xuyên Phần mềm trợ giúp người dùng (User Agent) Phần mềm để tiếp cận nội dung Web, bao gồm trình duyệt đồ họa, trình duyệt văn bản, trình duyệt voice, điện thoại di động, thiết bị đa phương tiện, plug-in, số phần mềm trợ giúp sử dụng kết hợp với trình duyệt thiết bị đọc hình, phần mềm phóng to hình, phần mềm nhận dạng giọng nói 25 Tham khảo [CSS1] [CSS1] "CSS, level Recommendation", B Bos, H Wium Lie, eds., 17 December 1996, revised 11 January 1999 The CSS1 Recommendation is: http://www.w3.org/TR/1999/REC-CSS1-19990111 The latest version of CSS1 is available at: http://www.w3.org/TR/RECCSS1 [CSS2] [CSS2] "CSS, level Recommendation", B Bos, H Wium Lie, C Lilley, and I Jacobs, eds., 12 May 1998 The CSS2 Recommendation is: http://www.w3.org/TR/1998/REC-CSS2-19980512 The latest version of CSS2 is available at: http://www.w3.org/TR/RECCSS2 [DOM1] [DOM1] "Document Object Model (DOM) Level Specification", V "DOM (DOM) Level Specification", V Apparao, S Byrne, M Champion, S Isaacs, I Jacobs, A Le Hors, G Nicol, J Apparao, S Byrne, M Champion, S Isaacs, I Jacobs, A Lê Hors, G Nicol, J Robie, R Sutor, C Wilson, and L Wood, eds., October 1998 The DOM Level Recommendation is: http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001 The latest version of DOM Level is available at: http://www.w3.org/TR/REC-DOMLevel-1 [HTML40] [HTML40] "HTML 4.0 Recommendation", D Raggett, A Le Hors, and I Jacobs, eds., 17 December 1997, revised 24 April 1998 The HTML 4.0 Recommendation is: http://www.w3.org/TR/1998/REC-html40-19980424 The latest version of HTML 4.0 is available at: http://www.w3.org/TR/REChtml40 [HTML32] [HTML32] "HTML 3.2 Recommendation", D Raggett, ed., 14 January 1997 The latest version of HTML 3.2 is available at: http://www.w3.org/TR/REChtml32 [MATHML] [Mathml] 26 "Mathematical Markup Language", P Ion and R Miner, eds., April 1998 The MathML 1.0 Recommendation is: http://www.w3.org/TR/1998/RECMathML-19980407 The latest version of MathML 1.0 is available at: http://www.w3.org/TRREC-MathML [PNG] "PNG (Portable Network Graphics) Specification", T Boutell, ed., T Lane, contributing ed., October 1996 The latest version of PNG 1.0 is: http://www.w3.org/TR/REC-png [RDF] "Resource Description Framework (RDF) Model and Syntax Specification", O Lassila, R Swick, eds., 22 February 1999 The RDF Recommendation is: http://www.w3.org/TR/1999/REC-rdf-syntax19990222 The latest version of RDF 1.0 is available at: http://www.w3.org/TR/RECrdf-syntax [RFC2068] "HTTP Version 1.1" , R Fielding, J Gettys, J Mogul, H Frystyk Nielsen, and T Berners-Lee, January 1997 [SMIL] "Synchronized Multimedia Integration Language (SMIL) 1.0 Specification", P Hoschka, ed., 15 June 1998 The SMIL 1.0 Recommendation is: http://www.w3.org/TR/1998/REC-smil-19980615 The latest version of SMIL 1.0 is available at: http://www.w3.org/TR/RECsmil [TECHNIQUES] "Techniques for Web Content Accessibility Guidelines 1.0", W Chisholm, G Vanderheiden, I Jacobs, eds This document explains how to implement the checkpoints defined in "Web Content Accessibility Guidelines 1.0" The latest draft of the techniques is available at: http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/ [WAI-AUTOOLS] "Authoring Tool Accessibility Guidelines", J Treviranus, J Richards, I Jacobs, C McCathieNevile, eds The latest Working Draft of these 27 guidelines for designing accessible authoring tools is available at: http://www.w3.org/TR/WAI-AUTOOLS/ [WAI-UA-SUPPORT] This page documents known support by phần mềm trợ giúp người dùngs (including assistive technologies) of some accessibility features listed in this document The page is available at: http://www.w3.org/WAI/Resources/WAI-UA-Support [WAI-USERAGENT] "Phần mềm trợ giúp người dùng Accessibility Guidelines", J Gunderson and I Jacobs, eds The latest Working Draft of these guidelines for designing accessible phần mềm trợ giúp người dùngs is available at: http://www.w3.org/TR/WAI-USERAGENT/ [WCAG-ICONS] Information about conformance icons for this document and how to use them is available at http://www.w3.org/WAI/WCAG1-Conformance.html [UWSAG] "The Unified Web Site Accessibility Guidelines", G Vanderheiden, Chisholm, eds The Unified Web Site Guidelines were compiled by Trace R & D Center at the University of Wisconsin under funding from National Institute on Disability and Rehabilitation Research (NIDRR), Dept of Education This document is available http://www.tracecenter.org/docs/html_guidelines/version8.htm W the the US at: [XML] "Extensible Markup Language (XML) 1.0.", T Bray, J Paoli, CM SperbergMcQueen, eds., 10 February 1998 The XML 1.0 Recommendation is: http://www.w3.org/TR/1998/REC-xml-19980210 The latest version of XML 1.0 is available at: http://www.w3.org/TR/RECxml 28