ISSUE-193: Remove CSS example that promotes inaccessible content

inaccessible-example

Remove CSS example that promotes inaccessible content

State:
CLOSED
Product:
HTML 5 spec
Raised by:
Steve Faulkner
Opened on:
2012-01-13
Description:
raised from bug https://www.w3.org/Bugs/Public/show_bug.cgi?id=13023

the spec currently encourages authors to hide outlines on focusable elements:

"...if you find the focus ring unsightly. Instead, use a CSS rule to override
the 'outline' property.

For example, to hide the outline from links, you could use:

:link:focus, :visited:focus { outline: none; }"
http://dev.w3.org/html5/spec/editing.html#element-level-focus-apis

recommend removing or rewording as the removal of CSS outlines is a well known
usability/accessibility issue.

references:
http://webaim.org/blog/plague-of-outline-0/
http://www.456bereastreet.com/archive/201104/keyboard_accessibility_again/
Related Actions Items:
No related actions
Related emails:
  1. RE: {minutes} HTML WG telecon 2012-04-05: issues, survey, decisions, TF reports, F2F, Media TF, ... (from krisk@microsoft.com on 2012-04-05)
  2. {agenda} HTML WG telecon 2012-04-05: issues, survey, decisions, TF reports, F2F, Media TF, ... (from rubys@intertwingly.net on 2012-04-04)
  3. Working Group Decision: Close ISSUE-193 inaccessible-example by Amicable Resolution (from rubys@intertwingly.net on 2012-03-30)
  4. {minutes} HTML WG telecon 2012-03-29: issue progress, heartbeat publications and revert request, change proposal reviews, upcoming straw poll (from eoconnor@apple.com on 2012-03-29)
  5. {agenda} HTML WG telecon 2012-03-29: issue progress, heartbeat publications and revert request, change proposal reviews, upcoming straw poll (from Paul.Cotton@microsoft.com on 2012-03-28)
  6. [html-chairs] draft agenda and discussion items (from Paul.Cotton@microsoft.com on 2012-03-26)
  7. CfC: Close ISSUE-193 inaccessible-example by Amicable Resolution (from Paul.Cotton@microsoft.com on 2012-03-22)
  8. Re: {minutes} HTML WG telecon 2012-03-22 (from glenn@skynav.com on 2012-03-22)
  9. {minutes} HTML WG telecon 2012-03-22 (from glenn@skynav.com on 2012-03-22)
  10. {agenda} HTML WG telecon 2012-03-22: issue progress, heartbeat drafts, revert request, F2F registration, task force reports (from rubys@intertwingly.net on 2012-03-21)
  11. RE: {minutes} HTML WG telecon 2012-03-08: issue progress, heartbeat drafts, other topics (from adrianba@microsoft.com on 2012-03-15)
  12. {agenda} HTML WG telecon 2012-03-08: issue progress, heartbeat drafts, other topics (from mjs@apple.com on 2012-03-14)
  13. [Minutes] (HTML WG telecon 2012-02-23: issue progress, heartbeat drafts, task force reports) (from glenn@skynav.com on 2012-02-23)
  14. [Minutes] (HTML WG telecon 2012-02-23: issue progress, heartbeat drafts, task force reports) (from glenn@skynav.com on 2012-02-23)
  15. FW: counter proposal for issue 185 (from Paul.Cotton@microsoft.com on 2012-02-22)
  16. Re: HTML WG telecon 2012-02-16: issue progress, heartbeat drafts, task force reports (from ian@iandevlin.com on 2012-02-22)
  17. HTML WG telecon 2012-02-16: issue progress, heartbeat drafts, task force reports (from mjs@apple.com on 2012-02-21)
  18. ISSUE-193: inaccessible-example - Chairs Solicit Alternate Proposals or Counter-Proposals (from mjs@apple.com on 2012-02-21)
  19. [minutes] HTML WG telecon 2012-02-16: issue progress (from rubys@intertwingly.net on 2012-02-16)
  20. HTML WG telecon 2012-02-16: issue progress (from Paul.Cotton@microsoft.com on 2012-02-15)
  21. RE: {minutes} HTML WG telecon 2012-02-09: issue progress, task force reports, revert request, new information deadline, F2F (from adrianba@microsoft.com on 2012-02-09)
  22. HTML WG telecon 2012-02-09: issue progress, task force reports, revert request, new information deadline, F2F (from rubys@intertwingly.net on 2012-02-07)
  23. Issue 193 change proposal: Remove CSS example that promotes inaccessible content (from faulkner.steve@gmail.com on 2012-02-01)
  24. Re: Revised Timeline and New Bug Priority Policy (from rubys@intertwingly.net on 2012-01-23)
  25. HTML WG Minutes (Re: {agenda} HTML WG telecon 2012-01-19: issue progress, other business) (from glenn@skynav.com on 2012-01-19)
  26. Re: {agenda} HTML WG telecon 2012-01-19: issue progress, other business (from janina@rednote.net on 2012-01-18)
  27. {agenda} HTML WG telecon 2012-01-19: issue progress, other business (from rubys@intertwingly.net on 2012-01-18)
  28. ISSUE-193: inaccessible-example - Chairs Solicit Proposals (from Paul.Cotton@microsoft.com on 2012-01-16)
  29. Re: HTML5 design philosophy disconnect (from faulkner.steve@gmail.com on 2012-01-13)
  30. HTML-ISSUE-193: Remove CSS example that promotes inaccessible content [pre-LC1 HTML 5 spec] (from sysbot+tracker@w3.org on 2012-01-13)

Related notes:

[glenn]: inaccessible-example call for Change Proposals closed Feb 15

23 Feb 2012, 17:03:55

[glenn]: inaccessible-example, Call for Alternate or Counter Proposals closes Mar 21

23 Feb 2012, 17:07:37

[glenn]: inaccessible-example, Call for Counter Proposals closes Mar 21

22 Mar 2012, 16:05:38

[krisk]: inaccessible-example, Call for Consensus closed Mar 29

5 Apr 2012, 16:06:21

http://html5.org/tools/web-apps-tracker?from=7057&to=7058

Sam Ruby, 25 Apr 2012, 11:46:10

Changelog:

Created issue 'Remove CSS example that promotes inaccessible content' nickname owned by Steve Faulkner on product pre-LC1 HTML 5 spec, description 'raised from bug https://www.w3.org/Bugs/Public/show_bug.cgi?id=13023

the spec currently encourages authors to hide outlines on focusable elements:

"...if you find the focus ring unsightly. Instead, use a CSS rule to override
the 'outline' property.

For example, to hide the outline from links, you could use:

:link:focus, :visited:focus { outline: none; }"
http://dev.w3.org/html5/spec/editing.html#element-level-focus-apis

recommend removing or rewording as the removal of CSS outlines is a well known
usability/accessibility issue.

references:
http://webaim.org/blog/plague-of-outline-0/
http://www.456bereastreet.com/archive/201104/keyboard_accessibility_again/' non-public

Steve Faulkner, 13 Jan 2012, 10:02:26

nickname changed to 'inaccessible-example'

Sam Ruby, 13 Jan 2012, 22:05:12

Status changed to 'open'

Philippe Le Hégaret, 17 Jan 2012, 13:14:28

Product changed to HTML 5 spec

Philippe Le Hégaret, 17 Jan 2012, 18:49:48

Status changed to 'raised'

Philippe Le Hégaret, 17 Jan 2012, 19:14:13

Status changed to 'open'

Sam Ruby, 2 Feb 2012, 16:46:06

Status changed to 'closed'

Sam Ruby, 25 Apr 2012, 11:46:10


Paul Cotton <Paul.Cotton@microsoft.com>, Maciej Stachowiak <mjs@apple.com>, Sam Ruby <rubys@intertwingly.net>, Chairs, Michael[tm] Smith <mike@w3.org>, Staff Contact
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <w3t-sys@w3.org>.
$Id: index.php,v 1.323 2013-12-19 14:47:09 dom Exp $