• Resolved trojanaslan

    (@trojanaslan)


    A recent accessibility scan revealed the following issue on the page we utilize this plugin for:

    • Issue: Element does not have focusable descendants:
      • Related Nodes: [[#spring-2024-tab]]
      • Selector: .nav-item[role=”tab”]:nth-child(1)
      • Source code: <li class=”nav-item” role=”tab”><a href=”#tab-spring-2024″ id=”spring-2024-tab” class=”nav-link active” aria-controls=”tab-spring-2024″ rel=”nofollow”>Spring 2024</a></li>
    • Additional information/description: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies.

    Any suggestions on a fix? Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Jes

    (@jescandoit)

    Hi @trojanaslan

    Just to confirm, does this tab come from the Elementor widget? Here’s the preview of the affected element.

    <ul id="uscr-events-tabs" class="nav nav-tabs" role="tablist"><li class="nav-item" role="tab"><a href="#tab-spring-2024" id="spring-2024-tab" class="nav-link" aria-controls="tab-spring-2024" rel="nofollow">Spring 2024</a></li>...
    </ul>

    Would you mind sharing a screenshot of what this looks like in the backend/editor?

    Plugin Support Darian

    (@d0153)

    Hi there,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

    Thread Starter trojanaslan

    (@trojanaslan)

    Sorry for delay, i tried resolving myself but no success.

    To answer some of the questions above:
    Yes, I’m utilizing Elementor. To display the calendar events, I use shortcode (i wonder if this is why the elements are not focusable).

    Screenshot: https://admissions.usc.edu/web/screenshots/shortcode-calendar.jpg

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.