Re: [csswg-drafts] [css-ui] Two different colours for a "double" style outline

Hi All
@frivoal @LeaVerou 
As per the original premise of this issue, which was to allow an easy way for authors create a visible focus ring that could be used across the site without having to measure the contrast of every button, WCAG 2.1 is now an active recommendation of the W3C.

SUccess criteria [1.4.11]( requires "user interface components and states", to have "a contrast ratio of at least 3:1 against adjacent color(s)" 

The Understanding document for the Success criteria [further states](

> Also, the visual effects which indicate state, such as whether a component is selected or focused, must also provide the minimum 3:1 contrast with the background adjacent to the component...Regardless of the whether or not there is a visible boundary for the button, the focus indicator for the component must have sufficient contrast when the component is focused.

Please, I think its time. I don't care how its implemented, but please provide an easy CSS way for authors to create a two colour focus indicator.

GitHub Notification of comment by DavidMacDonald
Please view or discuss this issue at using your GitHub account

Received on Monday, 9 July 2018 00:54:14 UTC