Ý nghĩa của phần tử canvas đối với khả năng tiếp cận

Tác Giả: Louise Ward
Ngày Sáng TạO: 7 Tháng 2 2021
CậP NhậT Ngày Tháng: 17 Có Thể 2024
Anonim
Cứ bắt đầu với sự yêu thương người tiêu dùng trước bất kỳ marketing agenda nào, Hùng Võ, Top 50 CMOs
Băng Hình: Cứ bắt đầu với sự yêu thương người tiêu dùng trước bất kỳ marketing agenda nào, Hùng Võ, Top 50 CMOs

NộI Dung

Phần tử HTML5 canvas> cung cấp cho tác giả một API bản vẽ mà họ có thể sử dụng để tạo hình ảnh bitmap tương tác, có thể viết kịch bản, động.

Hầu như không có giới hạn đối với những gì tác giả có thể vẽ trên canvas>, bao gồm số lượng đường dẫn, cách người dùng tương tác với các đường dẫn đó và cách các mục đó có thể thay đổi theo thời gian.

Tuy nhiên, bản chất động của phần tử canvas> đã gây khó khăn, nếu không muốn nói là không thể sử dụng trong các ứng dụng cần người khuyết tật có thể truy cập được. Để có thể truy cập được, nó phải đáp ứng các nguyên tắc sau:

  • Cung cấp nội dung thay thế cho những gì được vẽ trên canvas>
  • Hiển thị vị trí của một con đường được vẽ trên canvas> với các công nghệ hỗ trợ
  • Cho biết trực quan xem đường dẫn đó có tiêu điểm bàn phím hay không

Phần tử canvas> cho phép tác giả đặt nội dung HTML giữa các thẻ mở và thẻ đóng ('nội dung dự phòng'), cung cấp một giải pháp thay thế cho nội dung không phải văn bản. Tuy nhiên, nếu không có phương pháp để liên kết nội dung này theo chương trình với các vùng trên canvas> và biểu thị trực quan khi các vùng này có tiêu điểm, thì không thể truy cập đầy đủ các ứng dụng canvas> động và tương tác.


Lực lượng đặc nhiệm

Nhóm đặc nhiệm Canvas thuộc Nhóm công tác HTML của W3C gần đây đã thêm hai tính năng mới vào đặc tả Canvas 2D nhằm giải quyết các vấn đề này: một phương pháp để liên kết theo chương trình một vùng của * canvas * với một phần nội dung dự phòng cụ thể, và một để cho biết trực quan nếu khu vực đó có tiêu điểm bàn phím.

Phương thức addHitRegion () có thể được thông qua ID của một phần tử tương ứng được biểu diễn trong nội dung dự phòng. Khi người dùng bàn phím hoặc trình đọc màn hình tương tác với nội dung dự phòng, thông tin vị trí được báo cáo cho API hỗ trợ là thông tin của vùng truy cập tương ứng.

Sau đó, phần mềm phóng đại màn hình có thể xoay và thu phóng đến vị trí của vùng được vẽ trên canvas>, thay vì vị trí của vùng văn bản tương đương.

Tác giả cũng có thể gọi phương thức drawFocusIfNeeded () sau khi vẽ đường dẫn đến canvas>. Thao tác này hướng dẫn trình duyệt kiểm tra xem nội dung dự phòng được liên kết có tiêu điểm hay không và nếu có, để vẽ chỉ báo tiêu điểm (đường chấm hoặc đường liền nét) xung quanh đường dẫn đó.


Hai tính năng này hiện đang trong giai đoạn Đề xuất Ứng viên của quá trình phát triển Báo cáo Kỹ thuật W3C.

Từ ngữ: Mark Sadecki

Mark Sadecki là điều phối viên trợ năng tại edX và là chuyên gia được mời trong Nhóm làm việc về HTML của W3C. Anh ấy tham gia vào Đội đặc nhiệm hỗ trợ tiếp cận HTML và Đội đặc nhiệm Canvas. Theo dõi anh ấy trên Twitter tại @cptvitamin. Bài báo này xuất hiện đầu tiên trong số 262 của tạp chí net.

Bài ViếT GầN Đây
Các nhà thiết kế của Target ra mắt trang web trưng bày đẹp mắt
Hơn NữA

Các nhà thiết kế của Target ra mắt trang web trưng bày đẹp mắt

Target - nhà bán lẻ giảm giá lớn thứ hai ở Mỹ au Walmart - đã gây chấn động thế giới quảng cáo vào tháng 1 năm ngoái khi chấm dứt mối quan hệ lâu d...
Cách tạo ứng dụng bảng điều khiển với React
Hơn NữA

Cách tạo ứng dụng bảng điều khiển với React

Trong hướng dẫn này, chúng ta ẽ hướng dẫn cách tạo ứng dụng bằng React - một thư viện Java cript để xây dựng giao diện người dùng. Công cụ thiết kế web này đặc biệt ...
Cadbury thay đổi kiểu chữ giấy gói sô cô la mang tính biểu tượng
Hơn NữA

Cadbury thay đổi kiểu chữ giấy gói sô cô la mang tính biểu tượng

Cadbury có một trong những logo và thiết kế bao bì mang tính biểu tượng nhất - với bao bì màu tím đặc trưng và logo thủy tinh rưỡi. Tại đây, họ đã tiế...