Toggles - Ensures role attribute has an appropriate value for the element

[gjeflec]

When checking using the "Accessibility Insights for Web" chrome extension, all toggles throw out the following errors. Happens on all the websites I manage. Disabling the "Focusable modules" option solves the problem but that also makes the toggles inaccessible for keyboard users.

Issue

Ensures role attribute has an appropriate value for the element (aria-allowed-role)

Target application

Archived Documents | Government Salem County, NJ

Element path

h2[aria-controls="et_pb_toggle_content_0"]

Snippet

<h2 class="et_pb_toggle_title" role="button" tabindex="0" aria-controls="et_pb_toggle_content_0" aria-expanded="false">2023</h2>

How to fix

Fix any of the following:
  ARIA role button is not allowed for given element

Environment

Chrome version 129.0.0.0
This accessibility issue was found using Accessibility Insights for Web 2.44.0 (axe-core 4.9.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.