GSA-TTS/all_sorns

a11y: Download icon missing alt attribute

Closed this issue · 0 comments

iamjolly commented

Description:

The download icon on the search results page is missing the alt attribute.

Screenshot:

screenshot of download icon with missing alt

Location of code:

/app/views/sorns/search.html.erb, Line 40

WCAG SC

Success Criterion 1.1.1 Non-text Content (Level A): All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below.
...

Decoration, Formatting, Invisible

If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.

Recommended fix:

Since this icon is decorative and part of the link that reads "Download results as a CSV file", the alt attribute, when added, can be blank (or null) so that assistive technology will ignore the image. The code for this should look something like this:

<%= image_tag("Download_Icon.svg", alt: "")%>