Removed onClick on non-interactive elements and replaced with after:absolute after:inset-0 on the button, which will "stretch" the link on the whole relatively positioned parent element. This didn't work on the highlight component since it the positioning of the image is complex. So I at least added onKey handler and made the element focusable
I can't guarantee that the webpage is fully accessible but I don't think there are any big issues. But I didn't check the website with a screen reader, which can uncover more issues
onClickon non-interactive elements and replaced withafter:absolute after:inset-0on the button, which will "stretch" the link on the whole relatively positioned parent element. This didn't work on the highlight component since it the positioning of the image is complex. So I at least addedonKeyhandler and made the element focusablereact-a11ylinting errorsI can't guarantee that the webpage is fully accessible but I don't think there are any big issues. But I didn't check the website with a screen reader, which can uncover more issues