63463 2011-06-27 09:06:02 -0700 AX: Support HTML5 Canvas AX with hit regions 2014-10-06 11:04:50 -0700 1 1 1 Unclassified WebKit Accessibility 528+ (Nightly build) Unspecified Unspecified RESOLVED INVALID InRadar P2 Normal --- 0 chuck chuck chuck faulkner.steve jcraig lquinn mdelaney7 webkit-bug-importer oldest_to_newest 427990 0 chuck 2011-06-27 09:06:02 -0700 Currently, mobile safari treats Canvas as an untitled image. Activating pointer events on the element is difficult. Related issue/patch for keyboard events: https://bugs.webkit.org/show_bug.cgi?id=50126 876131 1 jcraig 2013-04-15 16:38:45 -0700 Add a test case of accessible canvas example. Otherwise will have to close as insufficient information. 876153 2 chuck 2013-04-15 17:04:29 -0700 <canvas role="button" aria-describedby="button" onclick="button.onclick()"> <button id="button">I am a button</button> </canvas> Mobile Safari should support the new addHitRegion semantics: http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas/#dom-context-2d-addhitregion <canvas id="canvas" role="application"> <button id="button">I am a button</button> </canvas> var ctx = canvas.getContext('2d'); ctx.rect(0,0,100,100); ctx.addHitRegion({control: button}); Those two items should both work in VoiceOver with Mobile Safari to allow a user to drag their finger over the rectangle with VoiceOver reporting that the area is a button. In the latter case, only the first 100x100 pixels (the rect). 877182 3 jcraig 2013-04-17 08:14:18 -0700 Please upload that as an HTML test case. 952135 4 jcraig 2013-11-19 10:37:30 -0800 <rdar://problem/15504587> 952146 5 jcraig 2013-11-19 11:23:05 -0800 Note that button is a null reference in your partial example, I assume you meant to use document.getElementById('button'); 1012430 6 chuck 2014-05-29 08:25:19 -0700 Chrome (Blink): https://code.google.com/p/chromium/issues/detail?id=328961 Code review/patch (Blink): https://codereview.chromium.org/287163007/ Firefox (Gecko): https://bugzilla.mozilla.org/show_bug.cgi?id=966591 https://bugzilla.mozilla.org/show_bug.cgi?id=979692 Please note the following code sample may be outdated. Will check back in a few weeks to see if Blink and Gecko have converged and have an example using a DOM element. Code sample (from Firefox): <canvas id="input"></canvas> var ctx = input.getContext("2d"); ctx.beginPath(); ctx.rect(20, 20, 100, 75); ctx.fill(); ctx.addHitRegion({id: "a"}); var regionId = ""; input.addEventListener('mousedown', function(evt){ regionId = evt.region; }); 1012522 7 jcraig 2014-05-29 16:37:06 -0700 Please upload that as an HTML test case.