Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2

88 16 0
Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Phần 2 tài liệu trình bày về các tiêu chí dễ tiếp cận cho nội dung và kết xuất nội dung, các tiêu chí dễ tiếp cận cho điều hướng và tương tác, từ các yếu tố trên mà đưa ra kết luận. tài liệu không chi là một tài liệu khoa học mà còn là một mong muốn được chia sẻ, cảm thông của các người tạo lập với cộng đồng người khiếm thị Việt Nam. Mời các bạn cùng tham khảo!

Chương CÁC TIỀU CHÍ DẺ TIẾP CẬN CHO NỘI DUNG VÀ KÉT XUẤT NỘI DUNG Như trình bày chương 1, website dễ tiếp cận thoả mãn bốn quy tẩc: Dễ nhận biết (perceivable), Dễ thao tác, Dễ hiểu Ổn định Trong chương 2, người thiết kế theo mơ hình thiết kế website thiết kế lại, cần đáp ứng yêu cầu thiết kế (i) Nội dung, (ii) Kết xuất nội dung, (iii) Điều hướng, (iv) Hỗ ữợ tương tác Chương đưa tiêu chí cần thoả mãn bốn quy tắc cho hai vấn đề thiết kế gồm nội dung kết xuất nội dung Hai vấn đề sau trình bày chương 3.1 Nội dung 3.1.1 Văn thay cho nội dung phi văn Tất nội dung phi văn cần có văn thay Nội dung phi văn điều khiển (ví dụ nút bấm), đầu vào (ví dụ nhập liệu), nội dung có thời lượng (ví dụ âm thanh), CAPTCHA, định dạng/trang trí Văn thay cần thiết kế cho chuyển đổi chúng thành dạng cần thiết khác, in chữ lớn, chữ nổi, tiếng nói, biểu tượng ngơn ngữ đom giản hom a)Mục đích Mục đích tiêu chí để đảm bảo tất nội dung phi vàn tồn dạng văn Văn có nghĩa văn số, khơng phải hình ảnh văn Văn số có lợi điểm biểu diễn trung lập, tức tiếp xúc trực giác, thính giác, xúc giác kết hợp Như vậy, thông tin đưa dạng văn bàn số biểu diễn dạng phù hợp với nhu cầu người dùng Nó phóng to, đọc lên người khiếm thị dễ dàng hiểu được, đưa dạng xúc giác phù hợp tốt cho họ 98 Tất nội dung phi văn đưa cho người dùng cần có văn thay thể có mục đích tương tương, trừ trường hợp sau: Điều khiển, nhập liệu: Tên điều khiển ô nhập liệu phải mơ tả mục đích nội dung phi văn - Nội dung có thời lượng: Văn thay nội dung có thời lượng cần đưa mô tả nhận diện nội dung phi văn - Kiểm tra: Nếu nội dung phi văn tập kiểm ừa thể văn (không hợp lệ) văn thay thể phải cần đưa mô tả nhận diện nội dung phi văn - Giác quan: Nếu nội dung phi văn dùng để tạo trải nghiệm giác quan văn thay cần đưa mơ tả nhận diện nội dung phi văn - CAPTCHA: Nếu mục đích nội dung phi văn để xác nhận nội dung truy cập người khơng phải máy tính cần cung cấp văn thay nhận diện mô tà mục đích nội dung phi văn bản; cung cấp dạng thay CAPTCHA sử dụng chế độ đầu cho loại nhận biết giác quan khác cần thích nghi cho người khuyết tật khác - Trang trí, định dạng, ẩn: Nếu nội dung phi văn đơn để trang tri, sử dụng để định dạng trực quan, không hiển thị cho người dùng nội dung cần thực theo cách suốt với công cụ trợ giúp b) Lợi ích Tiêu chí giúp người gặp khó khăn việc tiếp thu thơng tin trực quan Các cơng cụ trợ giúp giúp họ đọc văn lên, hiển thị trực quan chuyển thành chữ Văn thay giúp cho người khiếm thị hiểu ý nghĩa hình chụp, hình vẽ loại hình ảnh khác (như thiết kế đồ hoạ, tranh vẽ), đồ thị, biểu đồ, ảnh hoạt hoạ Bên cạnh đó, văn thay trợ giúp người dùng tìm kiếm nội dung phi văn vả diễn giái mục đích theo cách khác 99 c) Vi dụ Ví dụ 1: Biếu đồ liệu: Một biểu đồ (bar chart) so sánh số công cụ bán tháng 6, tháng tháng 8, với nhãn mô tả ngắn: “Hình 1: Hàng bán tháng 6, tháng tháng 8” Mô tả dài đưa loại biểu đồ, tổng hợp mức cao liệu, xu hướng ngụ ý so sánh cho đối tượng biểu đồ Khi có thể, mơ tả xác định kiểu biểu đồ, cung cấp tóm tắt mức cao liệu, xu hướng ý nghĩa so sánh với người có sẵn từ biểu đồ Nếu có thể, liệu thực cung cấp bảng Vi dụ 2: Bản thu âm tiếng nói: Một liên kết tới clip âm có văn “Bài phát biểu chủ toạ hội nghị” Một liên kết tới ghi văn phát biểu cung cấp phía liên kết tới clip âm Ví dụ 3: Một ảnh hoạt hoạ minh hoạ cách động ô tô hoạt động: Một ảnh hoạt hoạ đưa cách hoạt động động ô tô Trong âm mà ảnh hoạt hoạ phần huớng dẫn mô tả cách động tơ hoạt động Vì văn hướng dẫn cung cấp dạng giải thích đầy đủ, ảnh dạng thay cho văn Văn thay chi đưa mơ tả chung ảnh hoạt hoạ chi tham chiếu đến văn hướng dẫn đầy đủ néu cần thêm thơng tin Ví dụ 4: Máy quay giao thông web: Một website cho phép người dùng lựa chọn từ nhiều máy quay web đặt khắp thành phố lớn Sau máy quay chọn, hình ảnh cập nhật hai phút lần Một mô tả vàn ngắn cho máy quay web thiết lập “Máy quay giao thông w eb ” W ebiste đưa bảng số hành trình ch o tuyến đường máy quay web Bảng cập nhật hai phút lần Ví dụ 5: M ột ảnh kiện lịch sử câu chuyện tin tức: Một ảnh chụp hai lãnh tụ giới bắt tay với câu chuyện tin tức họp cấp cao quốc tế Văn thay cho ảnh có nội dung: “Tổng thống X nước Y bắt tay Thủ tướng A nước B” Vi dụ 6: Một ảnh kiện lịch sử bàn mối quan hệ ngoại giao: Hình ảnh tương tự sử dụng ngữ cảnh khác nhằm đưa sắc thái gặp gõ ngoại giao Hình ảnh tổng thống bắt tay thủ tướng xuất website thảo luận mối quan hệ ngoại giao phức 100 tạp Văn thay đưa “Tổng thống X nước Y bẳt tay Thủ tướng A nước B vào ngày 30 tháng 10 năm 2015” Một văn thay bổ sung mơ tả phịng nơi vị lãnh đạo đứng biểu lộ nét mặt vị lãnh đạo, phân biệt với người khác phịng Mơ tả bổ sung đưa trang chứa ảnh tệp riêng kết hợp với ảnh thơng qua liên kết chế tiêu chuẩn khác Ví dụ 7: Bản thu âm cùa họp báo: Một trang web bao gồm liên kết tới thu âm họp báo Văn liên kết đưa mô tả ngắn cho thu âm Trang web liên kết tới ghi văn họp báo Bản ghi ghi nguyên văn điều người tham gia phát biểu Bản ghi định danh rõ người nói ghi âm quan trọng khác thu âm 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 hiệu ứng âm để chi liệu câu hỏi có hay không Tiếng chuông chi câu trả lời tiếng bíp chi câu trả lời sai Mô tả văn cho âm cung cấp để người khơng thể nghe khơng hiểu âm hiểu câu trả lời sai Ví dụ 9: Hình ảnh thu nhỏ liên kết: Một hình ảnh thu nhỏ trang chủ tờ báo liên kết tới ừang chủ báo Dân trí Văn thay hình ảnh “Báo Dân trí” Ví dụ 10: Bản đồ ảnh: Một ảnh sơ đồ tầng tồ nhà dạng tương tác, cho phép người dùng lựa chọn phịng định hướng tới trang chứa thơng tin phịng Văn thay mơ tả ảnh mục đích tương tác là: “Sơ đồ tầng tồ nhà Lựa chọn phịng để biết thêm thơng tin” d) Kỹ thuật Tuỳ tình huống, ta lựa chọn kỹ thuật / nhóm kỹ thuật để thiết kế cho trang web - Mơ tả ngắn: Nếu mơ tả ngắn c ó thể đưa mục đích biểu diễn thông tin giống nội dung phi văn bản, cần cung cấp văn thay ngắn cho nội dung phi văn với mục đích biểu diễn 101 thông tin giống nội dung phi văn (G94) cho chúng đọc công cụ ừợ giúp o Nếu nội dung phi văn nội dung có thời lượng (nội dung chi gồm âm video trực tiếp), tập kiểm fra biểu diễn văn bản, ban đầu định tạo cho trải nghiệm giác quan đó; cần cung cấp nhãn mơ tả cho nội dung phi văn c ầ n sử dụng ừong kỹ thuật đây: ARIA6, ARIA 10, G I96, FLASH 1, FLASH5, FLASH28, H2, H35, H37, H53, H86, PDF1, SL5 o Nếu nội dung phi văn điều khiển, nhập liệu: c ầ n cung cấp văn thay để đưa mục đích nội dung phi văn (G82), sử dụng kỹ thuật đây: ARIA6, ARIA9, FLASH6, FLASH 25, FLASH27, FLASH29, FLASH30, FLASH32, H24, H30, H36, H44, H65, s ú 8, SL26, SL30 o Nếu nội dung phi văn CAPTCHA: c ầ n cung cấp văn thay mô tả mục đích CAPTCHA (G143) đảm bảo trang thơng tin điện tử chứa CAPTCHA khác với mục đích cách khác (G I44) Mô tà dài: Nếu mơ tả ngắn KHƠNG thể đưa mục đích biểu diễn thông tin giống nội dung phi văn (ví dụ biểu đồ, đồ thị), cần cung cấp vàn ngắn thay để mô tả ngắn gọn cho nội dung phi ngữ cảnh, sử dụng kỹ thuật phần ừên (Mô tả ngắn) kỹ thuật sử dụng văn thay dài đây: ARIA 15, G73, G74, G92 FLASH2, FLASH11, H45, H53 Mơ tả cho nội dung có thời lượng: Nếu nội dung phi văn nội dung có thời lượng (chì gồm âm / gồm video thu trước), cần (i) cung cấp văn thay cho nội dung âm thanh/video (G158, G159), (ii) cung cấp âm mô tả nội dung quan ứọng video (nếu video - G I66), (ii) cung cấp nội dung thay thể tĩnh cho Silverlight Media Playing MediaElement (SL17) Bò qua văn thay thế: Nếu văn thay cần phải công cụ trợ giúp bỏ qua, cần xây dựng đánh dấu nội dung phi vàn cho phải cơng cụ trợ giúp bỏ qua sử dụng 102 kỹ thuật nhằm chi văn thay không cần thiết, sau đây: C9, FLASH3, H67, PDF4 Dưới số ví dụ cho số kỹ thuật > ARIA6: Sử dụng thuộc tính “a r i a - l a b e l ” để cung cấp nhãn cho đối tượng Dưới ví dụ hàm MathML, sử dụng “a r i a - l a b e l ” để mô tả cho cơng thức tốn học “6 chia 1.5”

Ngày đăng: 11/05/2021, 03:29

Tài liệu cùng người dùng

Tài liệu liên quan