Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2
Số trang: 88
Loại file: pdf
Dung lượng: 44.51 MB
Lượt xem: 22
Lượt tải: 0
Xem trước 9 trang đầu tiên của tài liệu này:
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!
Nội dung trích xuất từ tài liệu:
Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 Chương 3<br /> CÁC TIỀU CHÍ DẺ TIẾP CẬN CHO NỘI DUNG<br /> VÀ KÉT XUẤT NỘI DUNG<br /> Như đã trình bày trong chương 1, một website dễ tiếp cận khi nó thoả<br /> mãn bốn quy tẩc: Dễ nhận biết (perceivable), Dễ thao tác, Dễ hiểu và Ổn<br /> định. Trong chương 2, người thiết kế có thể đi theo mô hình thiết kế website<br /> 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,<br /> (ii) Kết xuất nội dung, (iii) Điều hướng, và (iv) Hỗ ữợ tương tác. Chương<br /> này đưa ra các tiêu chí cần thoả mãn trong bốn quy tắc trên cho hai vấn đề<br /> 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<br /> trình bày trong chương tiếp theo.<br /> <br /> 3.1. Nội dung<br /> 3.1.1. Văn bản thay thế cho nội dung phi văn bản<br /> Tất cả các nội dung phi văn bản đều cần có văn bản thay thế. Nội<br /> dung phi văn bản có thể là điều khiển (ví dụ nút bấm), đầu vào (ví dụ ô nhập<br /> liệu), nội dung có thời lượng (ví dụ âm thanh), CAPTCHA, định dạng/trang<br /> trí... Văn bản thay thế cần được thiết kế sao cho có thể chuyển đổi chúng<br /> 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<br /> hoặc ngôn ngữ đom giản hom.<br /> <br /> a)Mục đích<br /> Mụ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<br /> đều tồn tại ở dạng văn bản. Văn bản ở đây có nghĩa là văn bản số, không<br /> 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<br /> trung lập, tức là nó có thể được tiếp xúc bằng trực giác, thính giác, xúc giác<br /> 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ố<br /> có thể biểu diễn trong bất kỳ dạng nào phù hợp với nhu cầu người dùng. Nó<br /> có thể phóng to, đọc lên để cho những người khiếm thị có thể dễ dàng hiểu<br /> được, hoặc đưa ra dưới bất kỳ dạng xúc giác nào phù hợp tốt nhất cho họ.<br /> 98<br /> <br /> Tấ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<br /> thay thể có mục đích tương tương, trừ các trường hợp sau:<br /> Đ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ả<br /> mục đích của nội dung phi văn bản đó.<br /> -<br /> <br /> Nội dung có thời lượng: Văn bản thay thế của nội dung có thời lượng ít<br /> nhất cần đưa ra được mô tả nhận diện được nội dung phi văn bản đó.<br /> <br /> -<br /> <br /> Kiểm tra: Nếu nội dung phi văn bản là một bài tập hoặc bài kiểm ừa<br /> không thể thể hiện bằng văn bản (không hợp lệ) thì văn bản thay thể<br /> phải ít nhất cần đưa ra được mô tả nhận diện được nội dung phi văn bản<br /> đó.<br /> <br /> -<br /> <br /> Giác quan: Nếu nội dung phi văn bản được dùng để tạo ra một trải<br /> nghiệm về giác quan nào đó thì văn bản thay thế ít nhất cần đưa ra được<br /> mô tả nhận diện được nội dung phi văn bản đó.<br /> <br /> -<br /> <br /> CAPTCHA: Nếu mục đích của nội dung phi văn bản để xác nhận nội<br /> dung được truy cập bởi con người chứ không phải máy tính thì cần cung<br /> cấp văn bản thay thế nhận diện và mô tà mục đích của nội dung phi văn<br /> bản; và cung cấp dạng thay thế của CAPTCHA sử dụng chế độ đầu ra<br /> cho các loại nhận biết giác quan khác nhau cần thích nghi cho những<br /> người khuyết tật khác nhau.<br /> <br /> -<br /> <br /> Trang trí, định dạng, ẩn: Nếu nội dung phi văn bản đơn thuần để trang<br /> tri, chỉ sử dụng để định dạng trực quan, hoặc không được hiển thị cho<br /> người dùng thì nội dung đó cần được thực hiện theo cách trong suốt với<br /> các công cụ trợ giúp.<br /> <br /> b) Lợi ích<br /> Tiêu chí này giúp người gặp khó khăn trong việc tiếp thu thông tin<br /> trực quan. Các công cụ trợ giúp có thể giúp họ đọc văn bản lên, hiển thị trực<br /> quan hoặc chuyển thành chữ nổi.<br /> Văn bản thay thế sẽ giúp cho người khiếm thị hiểu được ý nghĩa của<br /> hình chụp, hình vẽ và các loại hình ảnh khác (như thiết kế đồ hoạ, tranh vẽ),<br /> đồ thị, biểu đồ, ảnh hoạt hoạ...<br /> Bên cạnh đó, văn bản thay thế trợ giúp người dùng có thể tìm kiếm<br /> nội dung phi văn bản vả diễn giái mục đích theo các cách khác nhau.<br /> <br /> 99<br /> <br /> c) Vi dụ<br /> Ví dụ 1: Biếu đồ dữ liệu: Một biểu đồ thanh (bar chart) so sánh số<br /> 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ả<br /> ngắn: “Hình 1: Hàng bán trong tháng 6, tháng 7 và tháng 8”. Mô tả dài hơn<br /> đưa ra loại biểu đồ, tổng hợp mức cao của dữ liệu, các xu hướng và ngụ ý so<br /> sánh cho những đối tượng trên biểu đồ. Khi có thể, các mô tả còn xác định<br /> 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<br /> hướng và ý nghĩa so sánh với những người có sẵn từ biểu đồ. Nếu có thể,<br /> các dữ liệu thực được cung cấp trong một bảng.<br /> 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ó<br /> văn bản là “Bài phát biểu của chủ toạ trong hội nghị”. Một liên kết tới bản<br /> 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<br /> âm thanh.<br /> Ví dụ 3: Một ảnh hoạt hoạ minh hoạ cách một động cơ ô tô hoạt<br /> động: Một ảnh hoạt hoạ đưa ra cách hoạt động của một động cơ ô tô. Trong<br /> đó không có âm thanh mà ảnh hoạt hoạ là một phần huớng dẫn mô tả cách<br /> động cơ ô tô hoạt động. Vì văn bản hướng dẫn đã được cung cấp dưới dạng<br /> giải thích đầy đủ, ảnh đó là dạng thay thế cho văn bản. Văn bản tha ...
Nội dung trích xuất từ tài liệu:
Người khiếm thị và sổ tay hướng dẫn thiết kế website: Phần 2 Chương 3<br /> CÁC TIỀU CHÍ DẺ TIẾP CẬN CHO NỘI DUNG<br /> VÀ KÉT XUẤT NỘI DUNG<br /> Như đã trình bày trong chương 1, một website dễ tiếp cận khi nó thoả<br /> mãn bốn quy tẩc: Dễ nhận biết (perceivable), Dễ thao tác, Dễ hiểu và Ổn<br /> định. Trong chương 2, người thiết kế có thể đi theo mô hình thiết kế website<br /> 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,<br /> (ii) Kết xuất nội dung, (iii) Điều hướng, và (iv) Hỗ ữợ tương tác. Chương<br /> này đưa ra các tiêu chí cần thoả mãn trong bốn quy tắc trên cho hai vấn đề<br /> 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<br /> trình bày trong chương tiếp theo.<br /> <br /> 3.1. Nội dung<br /> 3.1.1. Văn bản thay thế cho nội dung phi văn bản<br /> Tất cả các nội dung phi văn bản đều cần có văn bản thay thế. Nội<br /> dung phi văn bản có thể là điều khiển (ví dụ nút bấm), đầu vào (ví dụ ô nhập<br /> liệu), nội dung có thời lượng (ví dụ âm thanh), CAPTCHA, định dạng/trang<br /> trí... Văn bản thay thế cần được thiết kế sao cho có thể chuyển đổi chúng<br /> 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<br /> hoặc ngôn ngữ đom giản hom.<br /> <br /> a)Mục đích<br /> Mụ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<br /> đều tồn tại ở dạng văn bản. Văn bản ở đây có nghĩa là văn bản số, không<br /> 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<br /> trung lập, tức là nó có thể được tiếp xúc bằng trực giác, thính giác, xúc giác<br /> 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ố<br /> có thể biểu diễn trong bất kỳ dạng nào phù hợp với nhu cầu người dùng. Nó<br /> có thể phóng to, đọc lên để cho những người khiếm thị có thể dễ dàng hiểu<br /> được, hoặc đưa ra dưới bất kỳ dạng xúc giác nào phù hợp tốt nhất cho họ.<br /> 98<br /> <br /> Tấ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<br /> thay thể có mục đích tương tương, trừ các trường hợp sau:<br /> Đ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ả<br /> mục đích của nội dung phi văn bản đó.<br /> -<br /> <br /> Nội dung có thời lượng: Văn bản thay thế của nội dung có thời lượng ít<br /> nhất cần đưa ra được mô tả nhận diện được nội dung phi văn bản đó.<br /> <br /> -<br /> <br /> Kiểm tra: Nếu nội dung phi văn bản là một bài tập hoặc bài kiểm ừa<br /> không thể thể hiện bằng văn bản (không hợp lệ) thì văn bản thay thể<br /> phải ít nhất cần đưa ra được mô tả nhận diện được nội dung phi văn bản<br /> đó.<br /> <br /> -<br /> <br /> Giác quan: Nếu nội dung phi văn bản được dùng để tạo ra một trải<br /> nghiệm về giác quan nào đó thì văn bản thay thế ít nhất cần đưa ra được<br /> mô tả nhận diện được nội dung phi văn bản đó.<br /> <br /> -<br /> <br /> CAPTCHA: Nếu mục đích của nội dung phi văn bản để xác nhận nội<br /> dung được truy cập bởi con người chứ không phải máy tính thì cần cung<br /> cấp văn bản thay thế nhận diện và mô tà mục đích của nội dung phi văn<br /> bản; và cung cấp dạng thay thế của CAPTCHA sử dụng chế độ đầu ra<br /> cho các loại nhận biết giác quan khác nhau cần thích nghi cho những<br /> người khuyết tật khác nhau.<br /> <br /> -<br /> <br /> Trang trí, định dạng, ẩn: Nếu nội dung phi văn bản đơn thuần để trang<br /> tri, chỉ sử dụng để định dạng trực quan, hoặc không được hiển thị cho<br /> người dùng thì nội dung đó cần được thực hiện theo cách trong suốt với<br /> các công cụ trợ giúp.<br /> <br /> b) Lợi ích<br /> Tiêu chí này giúp người gặp khó khăn trong việc tiếp thu thông tin<br /> trực quan. Các công cụ trợ giúp có thể giúp họ đọc văn bản lên, hiển thị trực<br /> quan hoặc chuyển thành chữ nổi.<br /> Văn bản thay thế sẽ giúp cho người khiếm thị hiểu được ý nghĩa của<br /> hình chụp, hình vẽ và các loại hình ảnh khác (như thiết kế đồ hoạ, tranh vẽ),<br /> đồ thị, biểu đồ, ảnh hoạt hoạ...<br /> Bên cạnh đó, văn bản thay thế trợ giúp người dùng có thể tìm kiếm<br /> nội dung phi văn bản vả diễn giái mục đích theo các cách khác nhau.<br /> <br /> 99<br /> <br /> c) Vi dụ<br /> Ví dụ 1: Biếu đồ dữ liệu: Một biểu đồ thanh (bar chart) so sánh số<br /> 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ả<br /> ngắn: “Hình 1: Hàng bán trong tháng 6, tháng 7 và tháng 8”. Mô tả dài hơn<br /> đưa ra loại biểu đồ, tổng hợp mức cao của dữ liệu, các xu hướng và ngụ ý so<br /> sánh cho những đối tượng trên biểu đồ. Khi có thể, các mô tả còn xác định<br /> 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<br /> hướng và ý nghĩa so sánh với những người có sẵn từ biểu đồ. Nếu có thể,<br /> các dữ liệu thực được cung cấp trong một bảng.<br /> 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ó<br /> văn bản là “Bài phát biểu của chủ toạ trong hội nghị”. Một liên kết tới bản<br /> 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<br /> âm thanh.<br /> Ví dụ 3: Một ảnh hoạt hoạ minh hoạ cách một động cơ ô tô hoạt<br /> động: Một ảnh hoạt hoạ đưa ra cách hoạt động của một động cơ ô tô. Trong<br /> đó không có âm thanh mà ảnh hoạt hoạ là một phần huớng dẫn mô tả cách<br /> động cơ ô tô hoạt động. Vì văn bản hướng dẫn đã được cung cấp dưới dạng<br /> giải thích đầy đủ, ảnh đó là dạng thay thế cho văn bản. Văn bản tha ...
Tìm kiếm theo từ khóa liên quan:
Hướng dẫn thiết kế website Người khiếm thị Mô hình website dễ tiếp cận Nội dung website dành cho người khiếm thị Tạo lập websiteTài liệu liên quan:
-
0 trang 47 0 0
-
Thiết bị hỗ trợ người khiếm thị
6 trang 43 0 0 -
Khóa luận tốt nghiệp: Công tác phục vụ bạn đọc khiếm thị tại Thư viện thành phố Hà Nội
62 trang 34 0 0 -
Bước đầu sàng lọc tình trạng dinh dưỡng người khiếm thị tại huyện Châu Thành, tỉnh Bến Tre năm 2020
6 trang 33 0 0 -
LẬP TRÌNH WEB CHUYÊN SÂU VỚI CMS JOOMLA_Bài 5
36 trang 26 0 0 -
25 trang 26 0 0
-
Tài liệu hệ thống tên miền DNS
16 trang 25 0 0 -
Chiến lược phát triển một trang web
4 trang 24 0 0 -
Thiết kế web bằng Macromedia Dreamweaver
85 trang 23 0 0 -
Thêm một giải pháp cho vấn đề phát triển Web
3 trang 22 0 0