Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Icon Lists Not Accessible
- This topic has 1 reply, 2 voices, and was last updated 1 year ago by
.
List bullets must be accessible – they must be labeled and read by a screen reader.
I am an expert in Acrobat and PDF accessibility, and while I’m competent at HTML-Aria and web accessibility, I’m not an expert. I tested the Icon Lists with JAwS today and it does not read the bullets at all.
If list labels aren’t being read by screen readers, ensure the list items have a role=”listitem” and the list itself has a role=”list”, and that the labels are associated with the list items using either the aria-label attribute or the aria-labelledby attribute.
Another issue is that if you use your current Icon labels – for example, “fe_activity” (first icon in the list) – would be meaningless to the end user. Either label all the icons something more descriptive + bullet (that same example could be “zigzag bullet”), or better yet, just automatically add a generic aria label of “bullet” for all icons.
Another option – although this would be very tedious for us Kadence users is to add the ability to add alt text for each icon manually.
As it stands, icon lists are not accessible.
- The forum ‘Kadence Blocks’ is closed to new topics and replies.
