It should be announced as a button element with a text label explaining its purpose. See WCAG success criteria 1.1.1 and 4.1.2 for more information.
Actual outcome
It's announced as a link and has no label.
Severity
The success criterion covering this issue is WCAG level A – the minimum level. Most organizations aim for a conformance level of AA, which includes all level A criteria. This is a severe issue as access to the modal functionality that the button opens would require a user to randomly click things, explore the resulting pages, and then memorize the location of the button once identified.
Recommendation
Use <button> rather than <a> for this element.
Add an aria-label such as Log, Open log, Call log, or `Open call log etc.
Steps to reproduce
⌘ + F5to start VoiceOver.Expected outcome
It should be announced as a button element with a text label explaining its purpose. See WCAG success criteria 1.1.1 and 4.1.2 for more information.
Actual outcome
It's announced as a link and has no label.
Severity
The success criterion covering this issue is WCAG level A – the minimum level. Most organizations aim for a conformance level of AA, which includes all level A criteria. This is a severe issue as access to the modal functionality that the button opens would require a user to randomly click things, explore the resulting pages, and then memorize the location of the button once identified.
Recommendation
<button>rather than<a>for this element.aria-labelsuch asLog,Open log,Call log, or `Open call log etc.