WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Wrap part of a word in <span>

for

From: Tom Livingston
Date: Apr 26, 2021 7:50AM

Thank you Jonathan.

This is an internal tool for my company's employees. We all know each
other by initials (it's a company culture thing I guess) but in the
event we have multiple people with the same initials, I wanted a way
to clarify the name. There is also filtering based on groupings which
would narrow it down further.

My initial plan was to use focus-within for keyboard as well as hover.

If anyone has any other thoughts on how to achieve this w/o spans I'd
appreciate any ideas.

thanks




On Mon, Apr 26, 2021 at 9:43 AM Jonathan Avila
< <EMAIL REMOVED> > wrote:
>
> iOS with VoiceOver splits up words in spans as two swipes unless they are in a link. However, if spans are used in a link while they now appear to be one swipe with VoiceOver it likely will pronounce them separately causing the name to not sound correct.
>
> Also keep in mind for content you have to hover to expose that raises additional items related to WCAG SC 1.4.13 Content on hover. Also a proposed WCAG 2.2 criteria SC 3.2.7 Visible Controls may be applicable.
>
> Jonathan
>
>