Skip to content

Discourse - "empty group" s announced after the first sentence of the post (VO cursor) #134

@savitris

Description

@savitris

Dit probleem kan op meerdere pagina's aanwezig zijn, waaronder:
Officiële bekendmakingen (Binnenlandse Zaken en Koninkrijksrelaties)

Probleembeschrijving:
Probleem: "Lege groep" wordt aangekondigd door de screenreader na het voorlezen met de VO cursor van de eerste zin van de post (In dit topic kan je in discussie over deze API: Officiële bekendmakingen.). De VO-cursor blijft ook soms hangen op de datum van het bericht als je item voor item bladert.
De melding "Empty group" (Lege groep) door de screenreader suggereert dat er een element is met een rol (waarschijnlijk een groep) maar zonder goede identificatie of inhoud.

Mogelijke verbeteringen: TBD

  • Mogelijke oorzaken:
    Onjuist geneste elementen in de berichtinhoud
    Lege div-elementen die ARIA-rollen hebben maar geen toegankelijke namen
    Onjuiste implementatie van ARIA-landmarks of -regio's

  • Mogelijke oplossingen:
    Zorg voor een goede HTML semantische structuur in de berichtinhoud (alinea's binnen article-elementen)
    Vermijd lege container-elementen die ARIA-rollen hebben
    Voeg juiste aria-labels toe aan elementen met groepsrollen
    Bekijk hoe Discourse berichtinhoud weergeeft, vooral hoe het alinea's splitst

Referentiecode:
<p>In dit topic kan je in discussie over deze API: Officiële bekendmakingen.<br> Meer informatie, zoals de API documentatie en specificatie, vind je op <a href="https://developer.overheid.nl/apis/officiele-bekendmakingen" class="inline-onebox">Officiële bekendmakingen - Developer Overheid <span class="badge badge-notification clicks" title="10 klikken">10</span></a>.</p>

Gerelateerde WCAG:
WCAG 4.1.2 Name, role, value
Level A

Referentieafbeelding:
the screenreader reads empty group while a paragraph of text of a post is highlighted

Referentienummer: A127

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions