Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
➤ Gửi thông báo lỗi ⚠️ Báo cáo tài liệu vi phạmNội dung chi tiết: Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 c: Dễ nhận biết (perceivable), Dễ thao tác, Dễ hiểu và Ôn định. Trong chương 2, người thiết kế có thể đi theo mỏ hình thiết ké website mới hoặc thiết kế lại, trong đó cần đáp ứng yêu cầu thiết kế về (i) Nội dung, (ii) Két xuất nội dung, (iii) Điều hướng, và (iv) Hồ ượ tương tác. Chương này đưa ra cá Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 c tiêu chí cần thoà mãn trong bốn quy tắc trên cho hai vấn đề thiết ké đầu tiên gồm nội dung và két xuất nội dung. Hai vấn đề sau sẽ được trình bày trNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
ong chương tiếp theo.3.1.Nội dung3.1.1.Văn bản thay thé cho nội dung phi văn bảnTất cà các nội dung phi văn bàn đều cần có văn bản thay thế. Nội dung Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 . Văn bản thay thế cần được thiết ké sao cho có thề chuyển đổi chúng thành dạng cần thiết khác, như in chữ lớn, chữ nồi, tiếng nói, biểu tượng hoặc ngôn ngữ đơn giản hơn.a)Mục đíchMục đích của tiêu chí này để đảm bảo tắt cả các nội dung phi văn bản đều tồn tại ở dạng văn bản. Văn bản ở đây có nghĩa Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 là văn bản số, không phải là hình ảnh văn bàn. Văn bản số cổ lợi điềm là nó có thề biểu diễn trung lập, tức là nó có thề được tiếp xúc bằng trực giác,Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
thính giác, xúc giác hoặc bất kỳ sự két hợp nào. Như vậy, thông tin đưa ra dưới dạng văn bàn số có thề biểu diễn trong bất kỳ dạng nào phù hợp với nhChương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 '1 hơn tnt nhất r.hn hnTất cả các nội dung phi văn bản đưa ra cho người dùng cần có văn bản thay thế có mục đích tương tương, trừ các trường hợp sau:-Điều khiển, nhập liệu: Tên của điều khiển hoặc ô nhập liệu phải mô tả mục đích của nội dung phi văn bản đó.-Nội dung có thời lượng: Văn bản thay thế c Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 ủa nội dung có thời lượng ít nhắt cần đưa ra được mô tà nhận diện được nội dung phi văn bàn đó.-Kiềm ưa: Neu nội dung phi văn bản là một bài tập hoặcNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
bài kiểm ưa không the the hiộn băng văn bàn (không hợp lộ) thì văn bản thay thế phài ít nhắt cần đưa ra được mô tả nhặn diện được nội dung phi văn bảnChương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 n diện được nội dung phi văn bàn đó.-CAPTCHA: Neu mục đích của nội dung phi văn bản để xác nhặn nội dung được truy cập bởi con người chứ không phải máy tính thì cần cung cap văn bản thay the nhận diện và mô tả mục đích của nội dung phi văn bàn; và cung cấp dạng thay thế cùa CAPTCHA sừ dụng ché độ đầ Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 u ra cho các loại nhặn biết giác quan khác nhau cần thích nghi cho những người khuyết tật khác nhau.-Trang trí, định dạng, ẩn: Néu nội dung phi văn bảNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
n đơn thuần để ưang trí, chi sử dụng đề định dạng trực quan, hoặc không được hiển thị cho người dùng thì nội dung đó cần được thực hiện theo cách ưongChương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 đọc văn bản lên, hiển thị trực quan hoặc chuyển thành chừ nồi.Văn bàn thay thế sỗ giúp cho người khiém thị hiểu được ý nghĩa của hình chụp, hình vỗ và các loại hình ảnh khác (như thiết ké đồ hoạ, ưanh vỗ), đồ thị, biều đồ, ảnh hoạt hoạ...Bên cạnh đó, văn bản thay thé ượ giúp người dùng có thể tìm k Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 iếm nội dung phi văn bàn vã diễn giải mục đích theo các cách khác nhau.https://khothuvien.cori!c)Ví dụK/ dụ 1: Biếu đồ dừ liệu: Một biểu đồ thanh (barNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
chart) so sánh số công cụ được bán ra trong tháng 6, tháng 7 và tháng 8, với một nhãn mô tả ngăn: “Hình 1: Hàng bán trong tháng 6, tháng 7 và tháng 8Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 tả còn xác định kiều cũa biểu đồ, cung cấp một bản tóm tắt mức cao của dữ liệu, các xu hướng và ý nghĩa so sánh với những người có sẵn từ biểu đồ. Nếu có thề, các dữ liệu thực được cung cấp trong một bảng.Vi dụ 2: Bản thu âm tiếng nói: Một liên két tới một clip âm thanh có văn bản là “Bài phát biểu Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 của chủ toạ trong hội nghị”. Một liên kết tới bản ghi văn bản của bài phát biểu được cung cấp ngay phía dưới liên kết tới clip âm thanh.Ví dụ 3: MộtNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
ảnh hoạt hoạ minh hoạ cách một động cơ ô tô hoạt động: Một ành hoạt hoạ đưa ra cách hoạt động của một động cơ ô tô. Trong đó không có âm thanh mà ảnh Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 ay thế cho văn bản. Văn bản thay thế của nó chì đưa ra mô tả chung của ảnh hoạt hoạ đó và chi ra tham chiếu đến văn bản hướng dẫn đầy đủ nếu cần thêm thông tin.Vỉ dụ 4: Mảy quay giao thông trên web: Một website cho phép người dùng lựa chọn từ nhiều máy quay trên web đặt trên khắp một thành phố lớn. Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 Sau máy quay được chọn, hình ảnh cập nhặt về hai phút một lần. Một mô tà văn bản ngắn cho máy quay trên web được thiết lập là “Máy quay giao thông treNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
n web”. Webiste này cũng đưa ra một bảng số hành trình cho mỗi tuyến đường của các máy quay trên web. Bảng này cũng được cập nhật hai phút một lần.Ví Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 cuộc họp cấp cao quốc tế. Văn bản thay thế cho bức ảnh đó có nội dung: “Tồng thống X của nước Y bắt tay Thủ tướng A của nước B”.Ví dụ 6: Một bức ảnh sự kiện lịch sử bàn về mắi quan hệ ngoại giao: Hình ảnh tương tự được sử dụng trong một ngữ cảnh khác nhằm đưa ra các sắc thái trong các cuộc gặp gờ ng Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 oại giao. Hình ảnh tổng thống bắt tay thủ ________Ẩ* l.íe . a A . I .1 , I *1,• I.. A..tạp. Văn bản thay thế đưa ra “Tồng thống X của nước Y bắt tay TNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
hủ tướng A của nước B vào ngày 30 tháng 10 năm 2015”. Một vản bản thay thế bổ sung mô tà căn phòng nơi các vị lãnh đạo đứng và những biểu lộ trên nét Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 hợp với ảnh đó thông qua một liên két hoặc cơ chế tiêu chuẩn khác.Ví dụ 7: Bản thu ám của cuộc họp báo: Một trang web bao gồm một liên kết tới bàn thu âm của một cuộc họp báo. Văn bản của liên kết đưa ra mô tả ngăn cho bản thu âm đó. Trang web cũng liên kết tới bản ghi văn bàn của cuộc họp báo. Bản Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 ghi này là bản ghi nguyên văn mọi điều những người tham gia phát biều. Bản ghi định danh rỗ người đang nói cũng như ghi chú các âm thanh quan trọng khNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
ác trong bản thu âm như tiếng vỗ tay, tiếng cười, câu hỏi từ khán giả...Vi dụ 8: ứng dụng học trực tuyến: Một ứng dụng học trực tuyến sử dụng các hiệuChương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 văn bản cho các âm thanh đỏ cũng được cung cấp đề người không thể nghe được hoặc không hiểu các âm thanh đó có thể hiều được khi nào câu trả lời là đúng hoặc sai.Vi dụ 9: Hình ảnh thu nhỏ được liên kết: Một hình ảnh thu nhỏ cùa trang chủ của một tờ báo liên kết tới ưang chù của báo Dân trí. Văn bản Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 thay thế của hình ảnh đó là “Báo Dân trí”.Vi dụ 10: Bản đồ ảnh: Một ảnh về sơ đồ tầng của một toà nhà là dạng có thể tương tác, cho phép người dùng lNgười khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
ựa chọn một phòng nào đó và định hướng tới ưang chứa thông tin về phòng đó. Văn bản thay thế mô tả ảnh đó và mục đích tương tác của nó là: “Sơ đồ tầngChương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắc Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 i đây để thiết kế cho trang web của mình.Mô tả ngắn: Neu mô tả ngăn CÓ thể đưa ra mục đích và biểu diễn được thông tin giống như nội dung phi văn bân, cần cung cấp văn bản thay thế ngắn cho nội dung phi văn bàn với cùng mục đích và biểu diễn được Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 Chương 3CÁC TIÊU CHÍ DỄ TIẾP CẬN CHO NỘI DUNG VÀ KẾT XUẤT NỘI DUNGNhư đà trình bày trong chương 1, một website dễ tiếp cận khi nó thoả màn bốn quy tắcGọi ngay
Chat zalo
Facebook