W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2017

[csswg-drafts] Two different colours for a "double" style outline

From: David MacDonald via GitHub <sysbot+gh@w3.org>
Date: Wed, 05 Apr 2017 14:18:46 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-219598845-1491401924-sysbot+gh@w3.org>
DavidMacDonald has just created a new issue for https://github.com/w3c/csswg-drafts:

== Two different colours for a "double" style outline ==
I'm on the WCAG team and we are discussing focus contrast. However, with different colours of buttons there is almost no one focus indicator colour that could be used across the site. However Apple addressed this issue with their VoiceOver screen reader, by providing two lines to indicate focus, one black and one white. So the indicator is always available regardless of the colour of the button. 

This could be done in CSS if there was the ability to make the outline style "double" where the inside line and outside lines were different colours. Then one CSS class could handle the focus indicator across the entire site.  
```
 *:focus{ outline: #000000[inside] #ffffff[outside] double 5px;}

```


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1172 using your GitHub account
Received on Wednesday, 5 April 2017 14:19:29 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 20:26:38 UTC