[x] I’ve searched for any related issues and avoided creating a duplicate issue.
What happened
The <va-link> component has channel, video and download props that append text using a <dfn> tag. VO does not read this text, so I'm not getting necessary information I need to understand the purpose of the link.
For example, I have a link going to a Youtube channel and visually it says "Veterans Health Administration YouTube" but on VO all I hear is "Veterans Health Administration". It does work on NVDA.
What I expected to happen
I would expect that I hear the same text in all Browsers/screen readers that I see visually so that all users understand the full purpose of the links.
Reproducing
Formation version:
Device: Mac
Screen Reader: VoiceOver
Browser: Chrome
Steps to reproduce:
1.
2.
3.
4.
Urgency
How urgent is this request? Please select the appropriate option below and/or provide details
[ ] This bug is blocking work currently in progress
[ ] This bug is affecting work currently in progress but we have a workaround
[ ] This bug is blocking work planned within the next few sprints
[x] This bug is not blocking any work
[ ] Other
Details
The <dfn> tag seems overly complex for appending text in this way, or perhaps just not the proper way to use this. From MDN:
We aren't defining terms here, we are just adding more text to create more specific link text. Could simply appending it with a <span> or building new link text with an aria-label be considered instead of using this particular tag?
Bug Report
What happened
The
<va-link>
component haschannel
,video
anddownload
props that append text using a<dfn>
tag. VO does not read this text, so I'm not getting necessary information I need to understand the purpose of the link.For example, I have a link going to a Youtube channel and visually it says "Veterans Health Administration YouTube" but on VO all I hear is "Veterans Health Administration". It does work on NVDA.
What I expected to happen
I would expect that I hear the same text in all Browsers/screen readers that I see visually so that all users understand the full purpose of the links.
Reproducing
Steps to reproduce:
1. 2. 3. 4.
Urgency
How urgent is this request? Please select the appropriate option below and/or provide details
Details
The
<dfn>
tag seems overly complex for appending text in this way, or perhaps just not the proper way to use this. From MDN:We aren't defining terms here, we are just adding more text to create more specific link text. Could simply appending it with a
<span>
or building new link text with anaria-label
be considered instead of using this particular tag?