Error summaries repeating content

[adamliptrot-oc]

Using the published patterns we are seeing error summaries being repeated on page load several times. Noticed on

• Voiceover Mac
• JAWS 18 on Chrome reads "There is a problem" 3 times, then the error message, then the page title
• NVDA on Firefox reads title, then error summary, then title, then error summary

[philsherry]

Example from HM Passport Office

Page: Do you live in the UK? - Apply for a passport - GOV.UK Test: With VoiceOver on, submit an empty form to force an error state. Result: VoiceOver announces:

“There’s a problem. There’s a problem. Please tell us if you live in the UK.”

Pattern: Error summary GitHub: https://github.com/alphagov/govuk-design-system-backlog/issues/46

[NickBromley]

The duplication may well be caused by the error summary parent container having role="alert", which triggers a screen reader announcement on a change in content, but then the design pattern additionally recommends moving keyboard focus to the summary, which would also result in a screen reader announcement. Shouldn't it be either one or the other techniques, but not both?

[ashfaqhussain357]

Issue tested with Jaws and VO - issue no longer occurs.