Skip to content
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

508 Compliance - SortSite level AA: MMT & DraftMMT dotted link focus outline #724

Open
Francell opened this issue Apr 16, 2021 · 1 comment

Comments

@Francell
Copy link

Issue:
This CSS style makes it difficult or impossible to see the dotted link focus outline.

Explanation:
Change the style to avoid obscuring the focus outline around A elements, which is used when tabbing through links.

Guideline:
WCAG 2.0 AA F78

Page: https://mmt.sit.earthdata.nasa.gov/assets/application-0e0a2679712117e9ce67269a0fb1614972503f1884d28633faae39a2e20a59e2.css
Line: 104, 115, 383

Page:
https://draftmmt.earthdata.nasa.gov/assets/application-07d7b477f975c5786d51bf30c258d9bbb3700cda86333e12317660fcf9a904c8.css
Lines: 104 115 383

Acceptance Criteria: Style fixed to avoid obscuring the focus outline around A elements

@fmalina
Copy link

fmalina commented May 19, 2021

Hi @Francell I am an accessibility expert and happy to help sort these 508 issues all out, would you want to pair up with me on these? I don't have a running local dev environment, so if you have one and know how to edit CSS/JS and HTML, I can give you a call and drive. You'll have them smashed in no time. Alternatively you could help me setup local dev and I'll make a PR. I am free on Friday

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants