[Ultimate Branding] Accesibility

Hi,
We've identified some accessibility issues in the admin bar feature:

1. No alt text for the image in the admin bar at <img class="ub_admin_bar_image" src="https://d20jhaovzhkyo0.cloudfront.net/uploads/institutions/us/nyu_favicon.jpg">
2. No discernible text on the link the above image creates. (Found at <a class="ab-item" aria-haspopup="true" href="https://wp.nyu.edu/"><span class="ab-item"><img class="ub_admin_bar_image" src="https://d20jhaovzhkyo0.cloudfront.net/uploads/institutions/us/nyu_favicon.jpg"></span></a>:wink:

Making sure our service and sites are accessibility are a priority for us right now. Is it possible for you to resolve these issues?

Thanks1

  • Predrag Dubajic
    • Support

    Hi Web Publishing,

    Hope you're doing well.

    I was checking UB at my end but I'm afraid that I'm not able to find the elements you are referring to, can you give us some more info where we can see this?

    Also, I see that you're using 1.9.7 plugin version while latest one is 2.0 so please update your plugin first and see if the reported issues are perhaps addressed there.

    Best regards,
    Predrag

  • Web Publishing
    • Design Lord, Child of Thor

    Hi,

    We updated the plugin on our dev environment and the issue still remains. To clarify, the admin bar allows you to use an image in the top left corner rather than text. If you use an image, there's no option to enter ALT Text for that image to ensure it's accessible. Additionally, it appears that the same image is in a link container but there is no ability to add Link Text so that a screen reader could identify the link (which I think is just a dropdown and not an actual link).

    Let me know if you need additional clarification.

    Thanks,
    Erica

  • Predrag Dubajic
    • Support

    Hi Erica,

    Thanks for the additional info.

    The thing is that this is default WP structure of the link there and the image is simply added with some CSS code as a background of that element, it doesn't actually change the HTML structure in any way so there's no IMG tag that could hold the alt text.

    I do understand how this could be helpful to have so I'll move this to our features and feedback section so devs can consider changing it in future.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.