Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Accessibility issue – add aria label to empty links in query loop

  • deadhead1971
    November 27, 2025 at 1:41 am

    Hello,

    I am trying to make our site more accessible and using the WAVE tool to report errors.
    This page reports errors in the image block links near the top of the page:
    https://www.northwalessafeguardingboard.wales/information-for-adults/

    It reports empty links, as I’ve linked the container to the target pages, so that the whole thing is clickable and not just the text.

    For the larger block on the left, I was able to find an option to add an aria label, so that one is fixed.
    But, the four smaller blocks are a query loop – how can i add the page title as an aria label to each one (or any other solution you may suggest to make the accessibility error go away).

    thanks
    Alan

  • Ying
    November 27, 2025 at 9:40 am

    Hi Alan,

    Can you try

    1. Disabling the container link.

    2. Then set the h3’s position to default.

    3. Add a CSS class to the parent container of the h3, eg. container-link, and set its position to relative.

    4. Add this CSS:

    .container-link a:after {
    content:'';
    position: absolute;
    inset: 0;
}

    Let me know if this helps!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.