Avatar Accessibility Issue

  • Resolved NetzzJD

    (@netzzjd)


    4 months, 2 weeks ago

    When an Avatar image is shown for each review, all of them have the same alt text of “Avatar” on the <img> tag. This is not compliant with basic web accessibility and flags a “Duplicate Alternative Text” warning.

    In addition, the <a> link around this img also has an Aria Label of “aria-label=”Avatar” which is not contextual or helpful either. Ideally, you can remove the link’s aria-label and use the reviewer’s name dynamically for each img alt text instead of just “Avatar” for each one.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Noah Hearle

    (@designextreme)

    1 month, 1 week ago

    @netzzjd Apologies for the delay, there has been an issue with my account here and I’ve only just regained access.

    This is a really good suggestion and I can see why this would cause an issue with accessibility. I cannot find any reference to the aria-label="Avatar"; this does not exist in the code.

    I will make a change in the next update and set the reviewer’s name (e.g. “Netzz’s Avatar” or something similar).

    Thread Starter NetzzJD

    (@netzzjd)

    1 month, 1 week ago

    No worries. Thanks for looking into it. The link’s aria-label must have been and addition by one of my accessibility plugins perhaps. Looking forward to the fix!

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.