[Support request] Accessibility Help

[Joel]

Hello, our accessibility software has picked up some issues relating to ‘Marking navigation as lists – WCAG A 1.3.1’ – it says that related links should be written semantically as a list using “ul” or “ol” tags. I’ve included a link to our blog page as this is a good example of some of the occurrences our accessibility software has highlighted…

1. at the top of the page there is a top bar displaying social icon links created using GenerateBlocks buttons in an element
2. the category links below the blog posts
3. the pagination nav links at the bottom of the blog archive
4. the social icon links in the footer…again these are created using GenerateBlocks buttons in an element

Is there any way of marking these as lists using “ul” / “li” tags without reverting to converting them to HTML?

Many thanks,

Joel

[David]

Hi there,

there is no option in GenerateBlocks to use List HTML in the markup.
If you use GenerateBlocks Pro then you can add your own html attributes eg.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/list_role

And this doc explains how:

https://docs.generateblocks.com/article/custom-attributes/

And that same method could be applied to a Block Element – Post Meta, to replace the themes meta:

https://docs.generatepress.com/article/block-element-post-meta-template/

To be honest i have never seen the terms being flagged before, the absence of Lists i have only seen being flagged when the parent element is a NAV

[Joel]

Thanks David I’ve just tried this as we use GB Pro but I don’t see an option to add the custom attribute to the button wrapper – am I missing something?

And if I can get it working, can the same method also be applied to the archive navigation using the Block Element – Archive Navigation?

Thanks

[David]

Is that Paging Nav below the blog / archives ?

[Joel]

Yes it is, the accessibility software identifies the css class “nav-links”

…and sorry I edited my previous reply just before you replied – I’ve just tried adding the list attribute as we use GB Pro but I don’t see an option to add the custom attribute to the button wrapper – am I missing something?

Thanks again

[David]

I knew something was nagging me when i replied and it was this:

https://github.com/tomusborne/generateblocks-pro/issues/54

The Grid Container missing attributes has been added to our milestone for the next update.
If you don’t mind waiting for the next release ?

Nav-links – never had that one raised before either.
There is a filter for that here:

https://github.com/tomusborne/generatepress/blob/adfe090929b0515cdf894f4c6b722cfe8c0790dc/inc/structure/post-meta.php#L135

So you can overwrite its markup if necessary.

[Joel]

Thanks David, no probs I’ll revisit following the next GB Pro release

[David]

Awesome – thanks for that.

Out of interest what Accessibility tools are you using ?

[Joel]

We’re using Silktide – https://silktide.com

It’s great…as a Government website we need to be on top of it!

[David]

Thank you for sharing that – we’ll take a look 🙂

[melonbird]

Never mind – it was a plugin issue. Everything is working.

[Leo]

Any chance you can open a new topic for the question?

Please provide a link to your site as well.

Thanks!

[melonbird]

Sorry – it was a plugin issue and it’s all working now.

[Leo]

Glad to hear.

[Author]

Posts