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

Website adaptation for people with disabilities: Ensure link text is meaningful within context #105

Open
DarWik opened this issue Jan 22, 2021 · 0 comments

Comments

@DarWik
Copy link

DarWik commented Jan 22, 2021

Tool: https://www.webaccessibility.com/results/?url=http%3A%2F%2Fncov-dashboard.herokuapp.com%2F

It is important for users to be able to discern the purpose of all links. Meaningful link text should not be overly general and should clearly describe the content to be found or action to be performed by the link. For example, do not use generic text such as "click here", "read more", etc. unless the purpose of the link can be determined by meaning in the surrounding content. When a link's purpose can not be determined users may be required to follow the link to determine its purpose. Returning to a previous location can often be more difficult for users with disabilities using assistive technology. Thus, developers must ensure that a link's purpose is clear.

((Violations Identified (7)
<a class="btn btn-sm btn-white" href="#!"><i aria-hidden="true" class="fas fa-download"></i></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com"></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com"></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com"></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com"></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com"></a>
<a target="_blank" class="font-weight-bold ml-1 text-muted" href="https://brianruizy.com">
   <script src="/static/assets/js/plugins/jquery/dist/jquery.min.js"></script>
   <script src="/static/assets/js/plugins/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
   <script src="/static/assets/js/argon-dashboard.min.js?v=1.1.0"></script>
   <script></script>
   <script src="/static/assets/js/sorttable.js" defer=""></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/plotly.js/1.54.6/plotly.min.js" defer=""></script>
   <script src="/static/assets/js/fetch-data.js" defer=""></script>
</a>))
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants