Govuk-frontend: Details component group missing a name

[gazjoy]

I am using SiteImprove on my service and have noticed that it reports a missed WCAG criteria.

A group created with the WAI-ARIA role="group" or role="radiogroup" is missing a name.

Adding aria-labelledby="<ID of label>" to the component suppresses the issue but is the the right thing to do just to appease a tool?

When I add the aria-labelledby attribute VoiceOver announces the component twice. Once for the button and once for the group. See screenshot.

[selfthinker]

I don't think this is a WCAG fail.

I cannot see anything in the specs which says this needs a name. One of the techniques (ARIA17) says to check for the name but it says this should be done "[f]or groups of related controls where the individual labels for each control do not provide a sufficient description". And that is not the case here.

It would be worth reporting this to Siteimprove.

[gazjoy]

I have reported this to SiteImprove and will keep the thread updated.

[gazjoy]

@36degrees

I had a reply from Nicolaj Dannemann at SiteImprove on this.

Hi Gareth,

This is Advisory information, not an Issue per se - we are aware that the presentation of this type of issues could be clearer and it will be presented differently in the next iteration of Siteimprove Accessibility checks.

Please look at https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20161007/understanding-techniques.html
The Important quote here is: 'Techniques are informative—that means they are not required'

We do want you to take informed action on them however, which is why we list them.

Hope that helps. 👍

[36degrees]

@gazjoy thanks for updating us 👍

Are you happy for this issue to be closed? It doesn't look like there's anything to fix here.

[gazjoy]

@36degrees yes, please close.