WCAG 2.0 Level AA Compiance

  • Resolved kenttubman

    (@kenttubman)


    5 years, 3 months ago

    Hello,

    I am making a site compliant with WCAG 2.0 Level AA that includes Ultimate Responsive Image Slider Version 3.3.9.

    Each of the images I am using have unique title and Alt Tags.

    When the page is rendered all the Alt Tags are the same as the first image instead of matching the alt tag entered for each image.

    Here is the resulting source code:

    <div id=”example3_491″ class=”slider-pro”>
    <!—- slides div start —->
    <div class=”sp-slides”>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    <div class=”sp-slide”>
    Photograph of snow covered fields near Douglas
    </div>

    </div>

    In order to be WCAG compliant, the page code must include the unique Alt tag assigned to each image.

    What do I have to do to make this happen?

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

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

    (@kenttubman)

    Looks like the forum stripped away the HTML.

    Here’s what one line of code looks like:
    *img
    *class=”sp-image”
    *alt=”Photograph of snow covered fields near Douglas”
    *src=”*/wp-content/plugins/ultimate-responsive-image-slider/css/images/blank.gif”
    *data-src=”*/wp-content/uploads/2018/12/2018_Header_1.jpg” />

    Thread Starter kenttubman

    (@kenttubman)

    So I sorted it out.

    The issue of ALT tags not showing up occurred because I inserted the images into the slider then added ALT info to each image via the Media Library.

    The solution was to remove the images from the slider, ensure each image had ALT info then re-insert them into the slider.
    The plugin properly presents the ALT info now.

    Had I added ALT info to all my images from the beginning this issue would have been avoided.

    Hope others find this helpful.

    Plugin Author FARAZFRANK

    (@farazfrank)

    Hello @kenttubman,

    Sorry for late reply, I was working on new improvement of the plugin.

    In plugin version 3.3.10, I fixed that issue.

    Now, all slide image alt tag will be managed by WordPress dashboard Media page.

    In case of image Alt not set, plugin use image title. And If image title is not set then plugin will use slider post title for alt. And If you set alt text on each image, the slider will use Alt text itself for each slides.

    Previous alt and title setting is now depreciated from Version 3.3.10. The new logic will be more SEO friendly.

    Thanks for using my plugin.
    Request: Any feedback form your side is appreciated here.

    Thanks & Great day
    Frank

    • This reply was modified 5 years, 3 months ago by FARAZFRANK.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WCAG 2.0 Level AA Compiance’ is closed to new replies.