Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Right way to provide ARIA text on <time>? #1362

Closed
edent opened this issue Nov 29, 2020 · 2 comments
Closed

Right way to provide ARIA text on <time>? #1362

edent opened this issue Nov 29, 2020 · 2 comments

Comments

@edent
Copy link
Member

edent commented Nov 29, 2020

Consider the following HTML:

<time datetime="2018-07-07T12:34>1H</time>"

A sighted user, seeing that in context, will (probably) understand that means "One Hour Ago". A screenreader will probably read out "One Aitch".

Is there a correct way to give text to a screen reader? Hypothetically

<time datetime="2018-07-07T12:34 aria-text="1 hour ago">1H</time>"

The reason I ask, Is that I've just discovered the way the BBC do it:

Devtools view of HTML code

They hide the "1H" with aria-hidden and hide the screen-reader text using CSS. This feels inefficient!
I think this is related to #878 and #898

@jnurthen
Copy link
Member

@alia11y is this something that fits better into the pronunciation task force work?

@jnurthen
Copy link
Member

jnurthen commented Dec 1, 2020

I'm going to mark this as a duplicate of #767 as it seems like the same thing to me. Please feel free to reopen if you disagree

@jnurthen jnurthen closed this as completed Dec 1, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants