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

Accessibility Issues #370

Open
gscott02 opened this issue Sep 11, 2024 · 0 comments
Open

Accessibility Issues #370

gscott02 opened this issue Sep 11, 2024 · 0 comments

Comments

@gscott02
Copy link

gscott02 commented Sep 11, 2024

If you run the Web Accessibility Evaluation Tool on a page generated in a fresh install of the package, there are several errors that crop up (e.g. empty links and low contrast). These are all important if building a fully accessible page for screen-reader users. I tried overriding the assets, but several of the issues are in assets not published by the package. Most of the fixes should be relatively straightforward. For example, the empty link in the LarecipeBackToTop.vue looks like this:

<div id="backtotop">
 <a href="#"></a>
</div>

A common approach to fix this might be:

<div id="backtotop">
 <a href="#"><span class="sr-only">Back to Top</span></a>
</div>

Is this something you are interested in fixing or potentially accepting a PR?

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

1 participant