[BITV] Full date can be shown after headings like "Today" as a hidden-visually span

[JuliaKirschenheuter]

No description provided.

[JuliaKirschenheuter]

Currently headings are inside of <span> which is inside of <h2>. Custom tooltip with full data is inside of an attr data-original-title. Since custom tooltips will be replaced with native tooltips:

1. full data will be moved to title attr.
2. full data will be placed in aria-label inside of <h2>
3. <span> isn't needed and will be removed.

All this work will be done in #1045

Closing a "duplicate".

[JuliaKirschenheuter]

Hello @michaelnissenbaum,

could you please tell me: is it correct to place a full data in aria-label attr and at the same time place relative date (7 min ago) inside of a <span>?

Or should be instead of it an exact visually-hidden <span>? Thank you!

[michaelnissenbaum]

The aria-label attribute is sometimes ignored by some assistive technology (screen reader) if the element you put it on doesn't have any semantic meaning. And in your example you use a span element which doesn't have semantic meaning. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label for more details.
In your case my proposal will be as followed:

<span class="sr-only">January 26, 2023, 2:28 PM</span>
<span>7 minutes ago</span>

Class sr-only just visually hide the text making it only available for screen reader users. See https://www.tpgi.com/the-anatomy-of-visually-hidden/.