Support » Plugin: GDPR Cookie Compliance (CCPA ready) » Settings link in GPDR dialog does not support accessibility

  • Resolved eethomas

    (@eethomas)


    The current markup for the settings link is not accessible to people who use screen readers and does not meet Web Content Accessibility Guidelines such as https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html

    Change the code
    “<span data-href=”#moove_gdpr_cookie_modal” class=”change-settings-button”>settings</span>”

    Solution 1: Semantic Markup
    settings

    Solution 2: ARIA Markup
    “<span role=”link” tabindex=”0″ data-href=”#moove_gdpr_cookie_modal” class=”change-settings-button”>settings</span>”

    You need to add role=”link” to identify the span as a hyperlink to the screen reader technology. You need to add tabindex=”0″ to ensure the element receives keyboard focus. You also need to add a keyboard handler that can allow someone using the keyboard to trigger the settings link using the ENTER and SPACE keys.

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