Accessibility issues

  • I am having accessibility issues with your plugin, mainly with the images tags and links. Here are the problems that I’m having:

    1.
    Bad value wp-video-lightbox for attribute rel on element a: The string wp-video-lightbox is not a registered keyword.

    <a id="5cd2bb776fa75" rel="wp-video-lightbox" href="https://www.youtube.com/watch?v=5_0TuBnKX0g&width=640&height=480" title="">

    2.
    An img element must have an alt attribute, except under certain conditions.

    <img src="https://edu.azores.gov.pt/wp-content/plugins/wp-video-lightbox/images/play.png" class="wpvl_playbutton" />

    So as I can see, there is a need to place an alt attributes to the play button image, and also set the rel as specified by W3C. If the later is not possible, I would highly recommend the use of data attributes to handle behaviour that identifies the type of link.

    • This topic was modified 5 years, 6 months ago by luisfbmelo.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter luisfbmelo

    (@luisfbmelo)

    There is also an issue with the youtube video thumbnail that gets displayed in the page that have an empty alt attribute. Could you fix this?

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, can you share the shortcode you are using?

    Thank you

    Thread Starter luisfbmelo

    (@luisfbmelo)

    Hello!

    I’m using this shortcode:
    [video_lightbox_youtube video_id="<video_id>" width="640" height="480" auto_thumb="1"]

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi,

    Try adding an “alt” parameter in the shortcode. It helps Search Engines understand what this image is about. If this does not work well for you add an “anchor” parameter as well to the shortcode.

    For example:

    [video_lightbox_youtube video_id="<video_id>" width="640" height="480" auto_thumb="1" anchor="https://www.yourdomain.com/wp-content/uploads/anchor-image.jpg" alt="your alt message"]

    Kind regards

    Thread Starter luisfbmelo

    (@luisfbmelo)

    Hello!

    Thank you very much. That actually fixed a part of my problem. But I still keep getting errors from the accessiblity validator concerning the missing alt attribute in the play button, and a bad value in the rel attribute on the a element that triggers the light box.

    Best regards.

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, I am glad part of your issue is resolved. I have submitted a message to the developers to investigate further your issue.

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Accessibility issues’ is closed to new replies.