Please make it WCAG/ADA Compliant

  • Resolved shivaji

    (@shivaji)


    4 years, 1 month ago

    I must say it’s a nice plugin but this needs few improvements to make it WCAG2.1 or ADA compliant otherwise its a serious problem and failed Screen Reader testing in JAWS or NVDA.

    A screen reader is reading a tooltip only when you are mouse hovering on the link or pressing Tab on top of the external link.

    The screen reader should read it without mouse-hover.

    Provide aria-label to the <a> tag like this:-

    <a href="https://website.com/" class="button button3 wpel-icon-right" target="_blank" data-wpel-link="external" rel="nofollow external noopener noreferrer" aria-label="Learn More About Website Opens in new Window" title="(Opens in a New Tab)">Learn More About Website<span class="wpel-icon wpel-image wpel-icon-9"></span></a>

    But you have to provide an aria-label to each link that is opening in the new window with the appropriate link name.

    • This topic was modified 4 years, 1 month ago by shivaji.
    • This topic was modified 4 years, 1 month ago by shivaji.
    • This topic was modified 4 years, 1 month ago by shivaji.
    • This topic was modified 4 years, 1 month ago by shivaji.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter shivaji

    (@shivaji)

    any update on this, please?

    Plugin Author WebFactory

    (@webfactory)

    At the moment we don’t have that functionality. I’ve added it to our to-do and hopefully, the devs can add it in one of the future releases.

    Thread Starter shivaji

    (@shivaji)

    Thanks for your reply. This plugin will jump to a new height if this essential WCAG feature is enabled in the next version release. Any timeframe when this will be added?

    Plugin Author WebFactory

    (@webfactory)

    Sorry, we don’t give dates. We maintain over 20 free plugins and it’s impossible to know exactly when a certain feature will get added. Especially because we need to maintain backward compatibility so something that’s “3 lines of code” can end up taking hours and hours in order not to break old sites.

    @shivaji have you found a temporary solution to this issue you are willing to share?

    Also, can you recommend any online service that checks for the right ARIA lables?

    Kind regards
    Bjarne

    Thread Starter shivaji

    (@shivaji)

    @oldrup if you use WordPress default Gutenberg Editor and if you add a link and set it to “open in a new tab” the code outputs the link with aria-label=”Object Name (opens in a new tab)” and rel=”external noopener noreferrer”.

    Otherwise, I didn’t found any plugins which support this and so I decided to modify our own theme. We mainly use VC Builder for our sites.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Please make it WCAG/ADA Compliant’ is closed to new replies.

Tags