2.5 Feedback buttons are not linked to the question prompt (Observation)

2.5.1 Feedback buttons are not linked to the question prompt

At the end of the journey, on the Check Results page, users can leave feedback in the footer section. The Yes and No buttons are not programmatically linked to the question displayed beside it. While a sighted user can see the related question “Were you satisfied with this service?” available next to it visually, a screen reader user using a keyboard to navigate the page would not be informed of the same.

While screen reader users would be able to navigate to the surrounding context using their directional arrow keys, this would be adding to their workload. Instead, programmatically associating this with the buttons would ensure a better experience.

FIGURE 2.5: Yes and No feedback buttons on the Check Results page

2.5.2 Code Snippet

<h2> Were you satisfied with this service? </h2>
<button type="submit"> Yes </button>

2.5.3 Recommendation

Consider linking the question to the buttons using an aria-describedby attribute. Screen readers will announce the descriptive text when the button receives focus, ensuring that the user knows what the purpose of the button is.

<h2 id='feedback'> 
   Were you satisfied with this service? 
</h2>
<button aria-describedby='feedback' type="submit">
   Yes
</button>

2.5.4 Spot check: April 2024

This issue is unresolved. The feedback buttons are not associated with their context. Please refer to the above recommendation.

---