Add additional accessible text to linked faceted searches #3428
Conversation
thatbudakguy
force-pushed
the
linked-facet-desc
branch
3 times, most recently
from
79d0a73
to
11245d7
Compare
|
The proposed solution on this ticket sul-dlss/earthworks#1430 is essentially the same, just slightly different phrasing, so I'm okay with this solution. |
thatbudakguy
force-pushed
the
linked-facet-desc
branch
from
11245d7
to
6e5fffa
Compare
thatbudakguy
force-pushed
the
linked-facet-desc
branch
from
6e5fffa
to
fecf88d
Compare
This updates the LinkToFacet rendering step to add an additional visually hidden element when creating a link to a faceted search that indicates the facet that will be used in the search. This helps give additional context to screen reader users when link_to_facet is used, especially when the page may include links that go to searches for the same value in different fields. Fixes #3427
thatbudakguy
force-pushed
the
linked-facet-desc
branch
from
fecf88d
to
81f5034
Compare
There was a problem hiding this comment.
Thanks, @thatbudakguy ! This works well on voiceover, but it means that voice control users could no longer say "click ML Infomap Firm" (for example), on the example earthworks record. Since the accessible name has changed, but a voice control user has no possible way of knowing that the accessible name is different than the visible link text, they would have to use a different way of clicking on the link. More info in this article, if you're interested. I'm wondering if there's another solution that could work well for users of both assistive technologies? Maybe something like?
<a href="my-facet" aria-described-by="author-search">ML InfoMap (Firm)</a> <span id="author-search">(author search)</span>
With both pieces visible? Although I don't think the additional disambiguation text would show up in the Voiceover rotor... What do you think?
|
Thanks for sharing that article, I hadn't thought about this tension between different use cases! I tested your suggestion and indeed it doesn't update the name listed in the rotor, which makes sense because I think it only lists the accessible name there and I'm kind of at a loss for a solution that ticks all the boxes...I think we need the link texts/names to be different so that duplicate values can be distinguished, but I think the solution has to apply in every case where That being the case, if we add additional text that is visible, it'll always display for every linked facet, which could add a ton of extra content that might distract or confuse sighted users. |
This updates the LinkToFacet rendering step to add an additional
visually hidden element when creating a link to a faceted search
that indicates the facet that will be used in the search.
This helps give additional context to screen reader users when
link_to_facet is used, especially when the page may include
links that go to searches for the same value in different fields.
Fixes #3427
Visual display (no change):
Emitted HTML:
Accessible name for link (shown in VoiceOver):