Skip to content
This repository has been archived by the owner on Aug 26, 2021. It is now read-only.

au body target #870

Open
sukhrajghuman opened this issue Aug 16, 2019 · 2 comments
Open

au body target #870

sukhrajghuman opened this issue Aug 16, 2019 · 2 comments
Labels
accessibility Issue or pull request related to accessibility. 🐛 bug Something isn’t working the way it should.

Comments

@sukhrajghuman
Copy link
Contributor

this bit of CSS causes unusual behaviour.

[tabindex="0"]:focus,
:target {
@include AU-outline();
}

For example in the skip link component when an item is focused on, it remains focused.

To recreate

  1. See the live example
  2. Press tab and click one of the skip link items
  3. Press tab again to focus on another element.
  4. The skip link anchor remains in focus

image

@gordongrace gordongrace added the 🐛 bug Something isn’t working the way it should. label Sep 17, 2019
@sukhrajghuman
Copy link
Contributor Author

@gordongrace could you please mention why this was closed? Or if there was a PR that fixed this issue, could you please reference the number.

@gordongrace
Copy link
Contributor

"Close" issue button is far too close to the "close popover" function when viewing issue in GitHub Projects ;)

@gordongrace gordongrace reopened this Sep 17, 2019
@anthonymckerron anthonymckerron added the accessibility Issue or pull request related to accessibility. label Oct 1, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
accessibility Issue or pull request related to accessibility. 🐛 bug Something isn’t working the way it should.
Projects
None yet
Development

No branches or pull requests

3 participants