CODEWITHSUNDEEP
accessibilitywai-ariavoiceover
customcommander
customcommander

Reputation: 18961

What causes VoiceOver to announce empty groups?

We have the following (simplified) HTML:
(The real HTML is a little bit more complicated however the listitem elements are exactly as shown in the snippet below.)

<div role="list">
  <div role="listitem">Foo</div>
  <div role="listitem">Bar</div>
  <div role="listitem">Baz</div>
</div>

As users navigate down the list, VoiceOver announces:

On macOS 10.14 (Mojave):

Foo, group
Bar, group
Baz, group

On macOS 10.15 (Catalina):

Foo, empty group
Bar, empty group
Baz, empty group

The VoiceOver configuration on both macOS seems to be the same so why does VoiceOver say something different for the same markup? (This GitHub issue seems to describe a similar situation.)

Upvotes: 7

Views: 6558

Answers (1)

Pratyush Joshi
Pratyush Joshi

Reputation: 1

I also could not reproduce the above issue, but one thing I noticed in one of my code pieces is: if there are line breaks in the code, that also causes the macOS voiceover to announce "Empty Group". I fixed it using aria-hidden="true".

Upvotes: 0

Related Questions