Download button has conflicting attributes

[cjrace]

The ‘Download data’ link has conflicting attributes applied to it, which might be confusing for assistive technology.

Page 46 of the DAC report for more details

Currently the element found within the link has the ‘role="presentation"’ attribute applied which should programmatically hide the element from assistive technology, however due to the implementation of the ‘aria-label’ attribute this overrides the attribute, which means it is discoverable to assistive technology. As a result of this the link will have the accessible name of ‘download icon Download data’.

Also, there is an ‘aria-live’ attribute applied which should only be used to inform assistive technologies about regions of a web page that are dynamically updated and should be announced to users in a non-interruptive manner. In its current form this does not provide
screen reader users with a status message, however the inclusion of this attribute is not suitable for this scenario.

Additional instances of this issue may exist on other pages throughout the website; wherever this issue occurs, they too will need to be resolved.

Solution

Remove the ‘aria-label’ and the ‘aria-live’ attribute as they are not required. The ‘role="presentation"’ attribute will inform assistive technologies that an element should be treated as purely presentational and should not be announced to the user.
Removing the ‘aria-label’ will provide the link with an accessible name of ‘Download data’ which is expected.