search

nasa / mmt

NASA's Metadata Management Tool.
Apache License 2.0
86 stars 36 forks source link

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

Open Francell opened 3 years ago

Francell commented 3 years ago

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 commented 3 years ago

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