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 L
@aardrian is that even remotely valid html??? surely even commonly used frontend development tools would have highlighted that as invalid.
Aug 9, 2023 at 3:59pmWeb
Show threadAdrian Roselli, pH0Aug 9, 2023

@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.

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.
Show threadThomas BroyerAug 9, 2023
@r343l @aardrian I don't see why it would be invalid actually. The `<` has no special meaning inside an attribute value though, obviously.
Show threadAdrian Roselli, pH0Aug 9, 2023

@tbroyer
https://toot.cafe/@aardrian/110860510531192997

@r343l

Adrian Roselli (@[email protected])

@[email protected] 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.

Toot Café
Show threadThomas BroyerAug 9, 2023

@aardrian @r343l I mean, even without entity references it'd be valid: https://html.spec.whatwg.org/multipage/syntax.html#syntax-attribute-value

(plain wrong et al. of course, but valid)

HTML Standard