When SEO and accessibility clash (links)

Hey, everyone. Sometimes I will create a div that interacts with another element (popup, etc). That becomes a problem b/c we cannot add a focus state to divs. So then I think about converting the div to a link block, but then I have the problem of creating a link that doesn’t link to anything in the link settings.

So, what are we supposed to do in this situation: sacrifice accessibility by not having focus states, or sacrifice SEO by having broken links?

I look forward to hearing from people who figured this out.

Thank you so much.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

  1. List item