Remove link color styling from skip nav links
lukefretwell opened this issue · comments
Source
Describe the bug
A clear and concise description of what the bug is.
It seems like WAVE is throwing a contrast error for the skip nav link color for this site (not for others). I don't see a contrast issue using the WAVE contrast checker, so not sure why it would be a problem here.
Suggestion would be to exclude color styling from skip nav.
<ul id="skiplinks" aria-label="Skip links">
<li><a href="#content-main" class="sr-only">Skip to content</a></li>
<li><a href="#navbar-external" class="sr-only">Skip to navigation</a></li>
<li><a href="/sitemap" class="sr-only">Site map</a></li>
</ul>
To reproduce
Steps to reproduce the behavior:
- Go to '...'
- Click on '....'
- Scroll down to '....'
- See error
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
Additional context
Add any other context about the problem here.
QA
Notes:
Links:
@lukefretwell here's the customer's screenshot from the ticket: