1.8 No notification that feedback has been sent (Positive)

1.8.1 WCAG 4.1.3 (AA) - Desktop, Mobile, iPad

Throughout the site, users are presented with the option to provide feedback on the current page within the page footer. Interacting with this link displays a text box for users to type in their feedback. They can then press the ‘Send’ or ‘Cancel’ button.

However, interacting with these buttons results in the text box simply disappearing to reveal the ‘Give feedback on this page’ button. There is no notification about the results of the action performed, therefore, it is unclear whether or not the feedback was sent.

This lack of confirmation would affect all users, since they have no way of knowing what interacting with the button actually did.

Expanded Feedback section with NVDA Speech Viewer activated

FIGURE 1.11: Expanded Feedback section with NVDA Speech Viewer activated

Element after feedback has been sent

FIGURE 1.12: Element after feedback has been sent

1.8.2 Recommendation

We recommend providing an update to users regarding their feedback both visually and programmatically. This can be achieved by dynamically updating the page with a message such as “Thank you for your feedback”, enclosed within an ARIA live region. Here, aria-live="polite" can be used so that screen reader users are informed of this status change.

<div aria-live="polite">
  Thank you for your feedback
</div>