-
Notifications
You must be signed in to change notification settings - Fork 252
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Technique - Two color focus indicator #583
Conversation
As the test should generally apply to any page I think this request is unnecessary / potentially misleading. The thought has crossed my mind if this Technique would be more useful for authors if it demonstrated a more targeted application of that focus style - e.g., scoped to main - I guess in many cases authors opting for this approach will choose other means of indicating focus for some parts of the page, such as navigation menus. |
Good points Detlev, I did a couple of updates including:
It occurred to me that this test has to be quite specific, it is not testing for 2.1.1, and we are assuming that a dual indicator has sufficient contrast, so there is no need for a specific contrast check... @DavidMacDonald it says that you can't apply two colors via outline, you can apply multiple box-shadows, e.g. this power-focus styles gist I created for stylus. Any objection to using something like that? We could combine it with outline rather than using multiple box-shadows if you prefer. I just thought it might be useful to apply a two-outline style approach as well as a dashed-border approach. |
@alastc I added Alastair's example. |
Added paragraph about only using the technique on parts of the site, and updated procedure with a note about not needing to check EVERY component if the CSS is at the bottom of the cascade, overriding other classes.
Draft technique from @DavidMacDonald, preview version.