Accessibility Issues

  • Resolved Morshed Alam

    (@sumon1068)


    1 year, 5 months ago

    Right now there are two accessibility issues created by this plugin:

    1. Links do not have a discernible name
    2. Header tag in Comment area label (h3)

    When users sign up using their Social accounts, no alternative text is added to their avatars. I emailed Heteor support about it a few years ago. They said it will be implied in the next version. Yet, it isn’t added. Please apply users display name as alt text for their avatars.

    Comment area label is using h3. This is irrational. Header tag is for heading of an article. How can ‘Leave a comment’ be a heading for an article? It should be p tag. As Super Socializer is using h3, we get this error in some of our page: Heading elements are not in a sequentially-descending order.

    Please take necessary steps to fix these two problems.

    Thank you.

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

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

    (@heateor)

    See the screenshot.

    View post on imgur.com

    Links do not have a discernible name error implies the <a> tags in the HTML of your web pages should have
    1. Either some text between the <a href=””> and </a>
    2. Or if you can’t have text (if you have <img> tag for example), these should have aria-label attribute with the value describing the purpose of the image between. In your case, the aria-label in these tags should be something like aria-label=”Author”
    This plugin is responsible for the <img tag that is showing the image of the author if they have used social login. The <a> tag having this image is generated by your theme.

    Regarding the second problem, Header tags in your web page should be in sequentially descending order. If the heading before the Leave a comment would be h2 it would have been fine. But if it’s h1 or h3, it would generate error. So, it depends on the theme being used at the website where social commenting is enabled. We will update it to <p> tag or something in the upcoming update.

    Plugin Author Heateor Support

    (@heateor)

    This has been taken care of in the version 7.13.60

    Thread Starter Morshed Alam

    (@sumon1068)

    Thank you.

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