Accordion widget accessibility

  • Resolved Gncfrsh

    (@agencefrsh)


    3 years, 3 months ago

    Hi,

    Is it possible for you to edit the code of the accordion widget, in order to make it accessible?

    Line 1047 of Adv_Accordion.php (…/wp-content/plugins/essential-addons-elementor-lite/includes/elements/Adv_Accordion.php)

    Replace:
    echo '<div class="eael-accordion-list">

    by:
    echo '<div class="eael-accordion-list" tabindex="0">

    Thank you! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Gncfrsh

    (@agencefrsh)

    This site also explains how to make it fully accessible, but I can’t make the second step:

    https://www.testpros.com/accessibility/making-elementor-essential-addons-accordion-accessible/

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @agencefrsh ,

    First of all sorry for the late response. Hope you’re doing good.
    Well, to maintain the accessibility as per WCAG requirements, we already have a tabindex attribute on the accordion items. Have a look: https://d.pr/i/WJNiGm

    If you still want the tabindex="0"for eael-accordion-list class, you can add this JS on your page:

    jQuery( document ).ready(function() {
  jQuery(".eael-accordion-list").attr("tabindex","0");
});

    You can add JS by using EA Custom JS extension: https://essential-addons.com/elementor/docs/custom-js/

    Thank you!

    Thread Starter Gncfrsh

    (@agencefrsh)

    Hi,

    Thank you for your reply! ??

    Indeed it seems ok. I was asking about accessibility because a blind person gave me the following feedback:

    I have just looked at the accessibility, and this is a problem, the screen reader tells me that it is a tab, and according to the screen reader I have to press escape to exit the tab…
    Here is the return of the voice synthesis:
    How do I access the paratransit service? Tab.-

    It would be better like this, with the vocal synthesis:
    How to access the paratransit service? Reduced.
    Or
    How to access the paratransit service? Expanded.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Accordion widget accessibility’ is closed to new replies.