1. Knowledge Base
  2. Luna Template Versioning

ARIA Issues - Accordions

- Uses ARIA roles on incompatible elements - Values assigned to role=" are not valid ARIA roles

This may apply to any Luna site pre v1.0 (20/06/2024) on Design 1, Design 2, or Design 3.

Lighthouse will flag these errors if the template code for the Accordion contains role="button" in the accordion heading - for example:

<h2
     tabindex="0"
     role="button"
     :aria-pressed="current === %%index%%"
     class="text-xl font-semibold mb-0 cursor-pointer flex"
     @click="reveal(%%index%%)" 
     @keydown.space.prevent="reveal(%%index%%)"
 >

How to fix:

  • Remove role="button"