anchor tag support for advanced group block

  • Hozefa Saleh

    (@hozefasmile)


    3 months ago

    @mr2p , I noticed that as new feature you started to allow choosing tag for advance group block. I was wondering if, is it possible to add anchor tag support too in choosing “HTML Element” dropdown? This way we can use <a> tag as parent tag for whole content. this can be helpful in creating card boxes with whole card as anchor. I know there are complexity involve, for example there shoudn’t be allow any inner links, like a button to avoid anchor within anchor issue. But it can be helpful if somehow implemented.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Phi Phan

    (@mr2p)

    @hozefasmile I will consider this feature. However, if you just want make the whole card clickable, you can use the stretched link technique to add a link. I have created a stretched link block in the CBB block library. You just import and use it like an advanced group block, or simply wrap around your blocks.

    Thread Starter Hozefa Saleh

    (@hozefasmile)

    Yes @mr2p , you are right. This can be achieved by using bootstrap “stretched” link class strategy. But there is a downside of it. when we not have a textual content for the link and still want the whole card as link, in that case the link become not accessible (not ADA compliant), because link not informing anything what that link is about. If you notice, this feature asked for a lot long period in this issue https://github.com/WordPress/gutenberg/issues/12684 and I suggested this solution https://github.com/WordPress/gutenberg/issues/45959#issuecomment-2196778355 (so this way it become even more usful if we are using dynamic links, for example post link in single post template in site editor)

    Thanks ??

    Plugin Author Phi Phan

    (@mr2p)

    @hozefasmile Thank you for the details. I will look into it soon. I might add the a tag only for new blocks while keeping CBB builtin blocks (Advanced group, grid, accordion, carousel) the same. Anyway, I just added a title attribute to the stretched link block for ascessibility purposes. You can get the updated block from the CBB Block Library by clearing the cache in the Developer tab on the settings page.

    Thanks, Phi.

    Thread Starter Hozefa Saleh

    (@hozefasmile)

    Thanks for this text based solution for the stretched link.

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