SC 412 -- Back arrow is read aloud in the back button

[damiansian]

URL

https://demo.fileyourstatetaxes.org/en/questions/contact-preference

Issue

The arrow graphic is being read aloud by the screen reader as it is getting inserted via CSS and impacts the accessible name of the control.

WCAG Success Criterion

SC 4.1.2: Name, Role, Value (Level A)

User Impact

The accessible name of a control has to match it's function.

Suggested fixes

Current computed accessible name is:

Back arrow, Go Back

<div class="back grid" >
            <a href="/en/questions/eligible">Go back</a>
          </div>

Should be

Go back

<div class="back grid" aria-label="Go back">
            <a href="/en/questions/eligible">Go back</a>
          </div>