Thursday, July 5, 2012

Canvas Accessibility

On its own the HTML canvas element is not accessible to everyone and that's not likely to change. The canvas itself is simply a primitive drawing surface that web developers can use via a fairly low level graphics API. For example code to draw a triangle might look something like this:

ctx.beginPath();
ctx.moveTo(75,50);
ctx.lineTo(100,75);
ctx.lineTo(100,25);
ctx.fill();
  -- MDN
 
This offers developers a "standards compliant" way to have high fidelity control over the graphics of their web offering. Polished visual experiences usually reserved for the desktop, or for browser plugins (which are not web standards) can now be delivered in a web page.

Canvas sucks though.

You might say wat!? I'm going to naively try to condense thousands of words into a few here. There have been a great many splendid web experiences built with a good underlying document structure (DOM) consisting of the elements that have been around a lot longer than canvas. Combined with CSS, ARIA, and js it is possible to provide innovative web experiences for everyone. The elements and structure provide meaning that can be leveraged for accessibility, for searching, for styling etc. With canvas we lose that.

So what can we do for developers that need to use canvas?

Well, presumably if they are creating anything sophisticated there is meaning and structure somewhere. For example right now it might be in home-grown js data structures. If we could just find a way to have a consistent way for web developers to store structure then we have a glimmer of hope in providing accessibility tools with the information they need. What structure should we suggest web developers use? Well, how about HTML?

February 29th, 2012 we landed support for canvas accessibility in the development version of Firefox (which is now Firefox 13). In a nutshell a web developer can use the power of html inside canvas. The html will not itself be drawn on the screen, since that would circumvent the web developer's reason to choose canvas, and just be silly, but in all other respects this HTML will be "alive". Web developers will be able to utilize the built in keyboard navigation and event handling of the web, and the accessibility of the web.

Steve over at TPG has a good blog about HTML5 canvas accessibility support in FF and IE.

34 comments:

steve faulkner said...

Hi Dave,
I would really like your input (any one else) on the proposal currently being discussed in the HTML WG in regards to the addition of 'lightweight' canvas hit regions that can have an ARIA role and a label applied, but no author defined states and properties. These regions do are not associted with any elements in the DOM, so exist in script only. They represent a virutal DOM which will have to be communictaed to AT via the acc tree. I have concerns about this approach, as the lightweight objects will not be focusable and will not be able to represent any controls. I am having trouble how the element based DOM and the lighweight object virtual DOM will be merged as a representation in the accessibility tree and also unless authors are constrained to using them for container type structures such as a region or group, they will be used to represent interactive objects without sufficient accessibility information or interaction behaviour being able to be provided.

steve faulkner said...

Details of proposal here: 4.8.11.1.13 Hit regions. HTML WG discussion last post.

Fastbet said...

Thank you for sharing to us.there are many person searching about that now they will find enough resources by your post.I would like to join your blog anyway so please continue sharing with us. Agen Bola Agen Bola

Andi godaa said...

Your style of presentation is very impressive. The meaningful contribution of your mind reflects on those people who are looking for new ideas and informations.. vizzy.us safety url monetize

Unknown said...

I am very happy to be able to comment on this blog even though different topics with my blog, because blogs that we manage is about football betting, if you want to see why guys can click directly.


prediksi agen bola , agen bola terpercaya , agen judi bola terpercaya di indonesia

Renan said...

As years go by SEO become tough to compete of but because of years of experience our experts still manage and survive for any updates that have been hit by many websites. We have the strategies that is effective and give good progress to our clients. Outsource SEO Philippines

Unknown said...

Bandar Togel Terpercaya NUSATOTO adalah Situs Taruhan Togel Online Terpercaya BERLISENSI (nusatoto.co.id) yang sangat berpengalaman dalam judi togel online serta banyak diplih oleh agen darat dan para pecinta judi togel online di Indonesia.

Daftar Akun Togel
Situs Taruhan Togel
Bandar Taruhan Togel
Pasang Togel Online
Situs Judi Togel
Situs Togel Online
Agen Taruhan Togel
Agen Togel Terpercaya
Togel 2d
Togel 4d
Buku Mimpi
Togel HK Terpercaya
Togel Sgp Online

Unknown said...

Agen Sbobet Nusabet188 adalah Bandar Judi Bola Casino Online Terpercaya, Bandar Judi Bola Piala Dunia 2018 serta penyedia layanan pembuatan akun untuk taruhan bola, judi bola online dan casino online, Togel, Sabung ayam, Tembak Ikan, Tangkas dan Poker.

Bandar Judi Terpercaya
Casino Online Indonesia
Daftar Akun Bola
Daftar Sabung Ayam
Agen Maxbet
Bandar Bola Terpercaya
Bandar Togel Terpercaya
Agen Piala Dunia 2018
Bandar Piala Dunia 2018
Situs Judi Piala Dunia
Judi Tembak Ikan

Unknown said...

IDNPLAY Poker LIVEPOKER188 adalah Situs Judi Kartu IDNPLAY Poker Domino Online Uang Asli Rupiah yang menyediakan berbagai macam permainan seperti Texas Holdem Poker, Capsa Susun, Bandar Ceme, Domino QQ, LIVE POKER terbaru dan terbaik di Indonesia.

Dewa Poker
Daftar Akun Poker
Poker Terbaik
Poker Indonesia
Bandar Ceme
Capsa Banting
Capsa Susun
Poker Online
Daftar Livepoker
Daftar Domino QQ

Unknown said...

Bandar Piala Dunia 2018 Zbet adalah Zona Bet Judi Bola Terpercaya serta situs resmi judi bola yang terpercaya BERLISENSI yang banyak dicari oleh para pecinta judi bola casino online di Indonesia. Zbet merupakan Agen Bola Terpercaya untuk permainan judi bola online seperti Sbobet dan Maxbet/Ibcbet. Selain permainan judi bola, Zbet juga menyediakan permainan judi online lainnya seperti Bola Tangkas, E Games (Slot), Sabung Ayam, Togel dan IDNPLAY Poker.

Agen Sbobet
Agen s128
Judi Tembak Ikan
Tembak Ikan
Daftar Akun Bola
Daftar Sabung Ayam
Agen Maxbet
Bandar Bola Terpercaya
Bandar Togel Terpercaya
Situs Taruhan Online
Situs Judi Online
Taruhan Judi Online
Daftar Bola Tangkas

Unknown said...

In addition we also offer play at other Best Online Gambling Sites and do not lose with Sbobet. Situs Bola Piala Dunia 2018

Anonymous said...

I am very happy to be able to comment on this blog even though different topics with my blog, because blogs that we manage is about football betting, if you want to see why guys can click directly. idnplay poker

LUSI FRANSISKA said...

PROMO TEMBAK IKAN TERBESAR !!!
TEMBAK IKAN BONUS 100%???
hanya di SENTABET yang bisa begini !!
buruan daftar dan dapatkan bonus 100% untuk anda !!!
serta bonus next deposit 30% !!
gabung bersama TEMBAK IKAN SENTABET !!
LIVE CHAT : SENTABET.ME
WHATSAPP : +855968446193
LINE : SENTABET888
BBM : E306495A
DAFTAR TEMBAK IKAN ONLINE
AGEN POKER IDN
http://sentabet.club
http://sentabet.net/daftar/
http://sentabet.club/promo-sentabet-pusat-taruhan-bola-dan-casino-online/
judi tembak ikan
sentabet
sentabet.me
sentabet.club
AGEN TOGEL ONLINE
AGEN BOLA ONLINE
AGEN TEMBAK IKAN TERPERCAYA
https://juraganbonus.blogspot.com/2018/10/panduan-bermain-tembak-ikan-joker.html

frisabellechin said...

Poker Online

Sbobet

Judi Bola

Main Poker

Emma18 said...

Hi! Students often look for superb services because of a great amount of tasks they have to cope with. Don't think too long and choose this website. You'll be satisfied with everything.

BraxtonBayer said...

Attractive section of content. I just stumbled upon your web site and in accession capital to assert that I get in fact enjoyed account your blog posts. Any way I will be subscribing to your feeds and even I achievement you access consistently fast. digital marketing jobs

Andy Alvin said...

Find the best Performance appraisal assignment at MyAssignmentHelp.

Mark james said...

How Do I Connect My epspn Printer To Wifi? Switching on the network printing can help to get rid of the headache of cables and USB. The only way to do how to connect epson printer to wifi. You can reach out to us at +1 800 684 5649 for help at any time.
https://hprinterofficial.com/blog/how-to-connect-epson-printer-to-wifi/

GraceFleming said...
This comment has been removed by the author.
hallsarah204@gmail.com said...

This article is a fresh look at the well-known situation, protect your money it is very useful because it allows you to understand new opportunities that were previously unknown.

Henry Jones said...

These minforks are really very great to know and interesting thing about Assignment help Australia and expressively beautiful.

andrewmathew said...

My brother recommended I might like this web site. He was entirely right. This post truly made my day. You can not imagine simply how much time I had spent for this information! Thanks!bookkeeping services Singapore

Arthur MPierce said...

Hello there! This is my first comment here so I just wanted to give a quick shout out and say I truly enjoy reading your blog posts. Can you suggest any other blogs/websites/forums that deal with the same subjects? Thank you! job hunting platform

ruuk thomas said...

Woah! I'm really digging the template/theme of this website. It's simple, yet effective. A lot of times it's difficult to get that "perfect balance" between usability and appearance. I must say you have done a fantastic job with this. Additionally, the blog loads extremely fast for me on Safari. Superb Blog! classic lash extensions

DoyleMelton said...

I’ll immediately grab your rss as I can not find your e-mail subscription link or newsletter service. Do you've any? Kindly let me know so that I could subscribe. Thanks.swimming class singapore

DarrylSteuber said...

This design is incredible! You obviously know how to keep a reader entertained. Between your wit and your videos, I was almost moved to start my own blog (well, almost...HaHa!) Fantastic job. I really loved what you had to say, and more than that, how you presented it. Too cool!custom notebooks

Cynthia Acosta said...

Helpful information. Lucky me I discovered your site by chance, and I'm shocked why this twist of fate didn't happened in advance! I bookmarked it.Variable speed drive

Deion Gaylord said...

Hey this is kind of of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I'm starting a blog soon but have no coding experience so I wanted to get guidance from someone with experience. Any help would be enormously appreciated!quick cash loan Singapore

Online Assignment Help said...

At greatassignmenthelp.com, we offer a seamless Sociology Assignment Help service that can help the students to thrive in their academics. The sociology assignment can be undertaken by aspirants from Class 12 to College level as we have professionals who can cater to the subject requirements at all levels. They offer an investigated and comprehensive assignment with source details and can be formulated in any source formats of MLA, APA, Harvard style, Oxford, or Chicago style.

Online Assignment Help said...

Political Science is one of the most well-known subject decisions for students who need to go in government related or regulatory jobs. Political Science Assignment Help is the study of Politics and its ideas that happen in the general public. The subject has been for quite some time concentrated by numerous well-known scholars and researchers in the whole world. Indeed, numerous incredible books and speculations have been distributed in such manner. It essentially manages political conduct and the working of government and administration.

Rani Chuddo said...

Another great post! Thanks keep sharing interesting stuff like this antarvasna story

Rani Chuddo said...

That type of post make my day. Keep sharing entertaining post like this.
antarvasna

Sarah Winget said...

We are the most believed source of math homework help online, having served in excess of a great many students before and proceeding to do so even in the current day. We would propose that in the event that you are searching for someone to do your homework, you come to us for a healthy encounter of math homework help online, where we offer an exceptionally consistent assistance for your benefit, at anytime! assignment provider , assignment help melbourne

Sarah Winget said...

We give you special homework which is composed without any preparation along these lines, there is zero likelihood of it to be sold before. Furthermore, we guarantee you that we never sell a generally conveyed work again to anybody. Likewise, we don't guarantee any copyright on our conveyed function also. Along these lines, whenever homework is conveyed to you, it's just yours now. assignment provider , assignment help melbourne