<html><head><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><br><div><div>On Oct 10, 2013, at 1:35 PM, Rik Cabanier &lt;<a href="mailto:cabanier@gmail.com">cabanier@gmail.com</a>&gt; wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">On Thu, Oct 10, 2013 at 1:14 PM, Ryosuke Niwa <span dir="ltr">&lt;<a href="mailto:rniwa@webkit.org" target="_blank">rniwa@webkit.org</a>&gt;</span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div>On Wed, Oct 9, 2013 at 9:08 PM, Rik Cabanier <span dir="ltr">&lt;<a href="mailto:cabanier@gmail.com" target="_blank">cabanier@gmail.com</a>&gt;</span> wrote:</div>

<div class="gmail_extra"><div class="gmail_quote"><div>

<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div>I'd like to add for focus rings. They are currently specified in the w3c and whatwg canvas specs:</div>



<div><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-drawsystemfocusring" target="_blank">http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-drawsystemfocusring</a><br>




</div><div><a href="http://www.w3.org/TR/2dcontext/#dom-context-2d-drawsystemfocusring" target="_blank">http://www.w3.org/TR/2dcontext/#dom-context-2d-drawsystemfocusring</a></div></div></blockquote><div><br></div></div>

<div>Could you point us to the list of use cases or the whatwg/w3c thread where the discussion took place?</div></div></div></div></blockquote><div><br></div><div>Rich should be able to point you to where those are posted since he was the main contributor. (You can also do a search for "canvas focus rings" to find many email threads on whatwg)</div>

<div>&nbsp;</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">
<div>

<div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div>Support (behind runtime flags) has landed in:</div>

<div>- Firefox:&nbsp;<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=540456" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=540456</a></div><div>- chrome:&nbsp;<a href="https://code.google.com/p/chromium/issues/detail?id=261998" target="_blank">https://code.google.com/p/chromium/issues/detail?id=261998</a></div>




<div><br></div><div>Focus rings associate elements that are in a canvas tag with areas of the canvas.&nbsp;</div><div>If the user tabs into the hidden element or the accessibility software selects them, these methods will draw or let the author draw the focus rings.&nbsp;</div>



</div></blockquote><div><br></div></div><div>How does this API address this use case? &nbsp;It seems like each Web app needs to explicitly opt-in and manually draw focus ring?</div></div></div></div></blockquote><div><br></div>

<div>That is correct. This is code that the canvas developer needs to implement.</div><div>&nbsp;</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div class="gmail_extra">
<div class="gmail_quote">I'm not sure if that's a good accessibility API given that many authors don't even use most basic accessibility feature such as ARIA roles.</div></div></div></blockquote><div>
<br></div><div>There's not much we can do about this. However, for authors that DO want to provide this, there's is currently no way to provide accessibility for canvas.</div><div>&nbsp;</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">

<div><br></div><div>e.g. why can't UA automatically draw focus ring on top of the canvas?</div></div></div></div></blockquote><div><br></div><div>The problem is that the UA doesn't know what part of the canvas area corresponds with the hidden element. This API is designed to make that association</div></div></div></div></blockquote><div><br></div><div>It seems this API will draw an area that corresponds to a hidden element. Is there a way to provide actual information about the element? (label, role, etc)</div><div><br></div><br><blockquote type="cite"><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">

<div>&nbsp;</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">
<div><br></div><div>Also, the spec seems to indicate that the physical (rendered) position of an element can change dynamically without UA being notified.</div>


<div>How are ATs supposed to inform users of the ordering of those focusable elements?</div></div></div></div></blockquote><div><br></div><div>I'm unsure I follow. Can you elaborate?</div><div>&nbsp;</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">

<div dir="ltr">

<div>I created a patch (<a href="https://bugs.webkit.org/show_bug.cgi?id=122177" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=122177</a>) but it needs more tests.</div><div>Also, should I implement it behind a runtime flags?</div>



</div></blockquote><div><br></div></div><div>I definitely would like to see a build flag around it.</div></div></div></div></blockquote><div><br></div><div>OK. I will do so.&nbsp;</div></div></div></div>
_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org">webkit-dev@lists.webkit.org</a><br>https://lists.webkit.org/mailman/listinfo/webkit-dev<br></blockquote></div><br></body></html>