ARIA – [role]s are not contained by their required parent element – [aria-*] att

Hey ThiloKiefer,

Thank you for using Enfold.

Where does the error point to? Which element? The actual markup with the missing parent element should be listed in the report.

Best regards,
Ismael

Hi,

Thank you for the info.

According to the documentation, the error occurs because the togglers’ aria-controls attribute contains a value or id that doesn’t exists in the page. It’s supposed to correspond to a toggler content wrap, but the id value of that element doesn’t match with the value of the aria-controls attributes. Please try to edit the config-templatebuilder > aviashortcodes > toggles > toggles.php file, look for this code around line 623:

$output .= '<div id="'.$toggle_atts['custom_id'].'-container" class="toggle_wrap '.$contentClass.'"  '.$toggle_init_open_style.'>';

We have to remove “-container” in the id attribute value.

$output .= '<div id="'.$toggle_atts['custom_id'].'" class="toggle_wrap '.$contentClass.'"  '.$toggle_init_open_style.'>';

Best regards,
Ismael

Hi,

Glad to know it’s working. For the second warning, try to edit line 620 in the same file.

$output .= '<div class="single_toggle" '.$this->create_tag_string($toggle_atts['tags'], $toggle_atts).'  >';

Add the “tablist” role in the single_toggle container, or replace the line with the following code.

$output .= '<div role="tablist" class="single_toggle" '.$this->create_tag_string($toggle_atts['tags'], $toggle_atts).'  >';

Best regards,
Ismael