Open log icon button lacks text alternative and has incorrect role

[henrycatalinismith]

Steps to reproduce

1. Go to the call page.
2. Press ⌘ + F5 to start VoiceOver.
3. Focus the open log button.

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

• Use <button> rather than <a> for this element.
• Add an aria-label such as Log, Open log, Call log, or `Open call log etc.