Adrian Roselli, pH0Aug 9, 2023

Found in the wild:

```
<a href=""
role="button"
aria-controls="drawer-detail"
id="drawer-card-animal-kingdom-link"
aria-expanded="false"
aria-label="Read More - <strong>Disney’s Animal Kingdom Theme Park</strong>">
Read More
</a>
```

Yes, that is a `<strong>` element *stuffed* into an `aria-label`.

Tell me you never fired up a screen reader without… nevermind.

Show threadRachael LAug 9, 2023
@aardrian is that even remotely valid html??? surely even commonly used frontend development tools would have highlighted that as invalid.
Show threadAdrian Roselli, pH0

@r343l Likely the brackets are drawn as character entities, but the browser has rendered them in the inspector (it does that). Since the content is generated by JS, I cannot see the raw source without listening to the data stream and meh.

But if those were entities, then totally valid HTML.

Just very problematic ARIA use and annoying UI.

Aug 9, 2023 at 4:05pmWeb
Show threadRachael LAug 9, 2023
@aardrian Ahh I suppose that could be. I don’t even hardly know the right way to do things anymore and lots of html just looks absurdly weird to me and this one was already doing the “make <a> into a button-as-role thing” that always seems unnecessary when I’ve noticed it.
Show threadAdrian Roselli, pH0Aug 9, 2023
@r343l It is always unnecessary and rarely has all the keyboard support needed.