Short URL: http://html5.org/r/7058
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 7058 | Apply W3C WG chair decision. | 2012-04-18 23:30 |
Index: source
===================================================================
--- source (revision 7057)
+++ source (revision 7058)
@@ -245,6 +245,13 @@
<a href="http://lists.w3.org/Archives/Public/public-html/2012Mar/0785.html">third</a>.
</li><!--FORK--><!--TITLE-->
+ <li>The W3C HTML specification omits some advice about how to
+ remove focus outlines in an accessible manner (instead only urging
+ authors not to remove them without giving an alternative to address
+ the "they're ugly" use case), because of a <a
+ href="http://lists.w3.org/Archives/Public/public-html/2012Mar/0786.html">working
+ group chair decision from March 2012</a>.</li>
+
</ul>
<p>The following sections are only published in the WHATWG
@@ -86928,6 +86935,7 @@
<p>Unfocuses the element. Use of this method is discouraged. Focus
another element instead.</p>
+<!--END w3c-html--><!--FORK-->
<p>Do not use this method to hide the focus ring if you find the
focus ring unsightly. Instead, use a CSS rule to override the
'outline' property. (Be aware, however, that this makes the page
@@ -86935,6 +86943,11 @@
reduced vision who use focus outlines to help them navigate the
page.)</p>
+ <!-- we suggest using CSS here because users can override CSS, so
+ it's no the end of the world, unlike using .blur(), which cannot
+ be easily overridden by users and completely breaks tab
+ navigation. -->
+
<div class="example">
<p>For example, to hide the outline from links, you could use:</p>
@@ -86942,6 +86955,14 @@
<pre>:link:focus, :visited:focus { outline: none; }</pre>
</div>
+<!--START w3c-html--><!--END complete--><!--END dev-html--><!--FORK-->
+ <p>Do not use this method to hide the focus ring. Do not use any
+ other method that hides the focus ring from keyboard users,in
+ particluar do not use a CSS rule to override the 'outline'
+ property. Removal of the focus ring leads to serious accessibility
+ issues for users who navigate and interact with interactive
+ content using the keyboard.</p>
+<!--START complete--><!--START dev-html--><!--FORK-->
</dd>