Using aria-label on heading tags
Is it wrong to use aria-label
on heading tags? h1, h2, h3 etc.
I'm working on a frontend, most titles are reasonable in length roughly 80 characters in length, the longest title is 480 characters. So some sort of text-overflow ellipsis or truncation is needed. I'm vouching for programatic truncation as it gives us control over where to truncate (css will chop a word truncation can chop to closest word) and while we aim for max 3 lines the designers are fine with it overflowing to 4.
A question was raised around this is a worse experience for screen readers. Which I didn't think about because it'd be the same experience as a non screen reader experience. But in this case is it better to enrich a heading tag with an additional aria-label with a complete title.