2028681 - [a11y] Ambiguous link

Status: NEW

(Core :: Machine Learning: Frontend, enhancement)

Description

[John Northup]

Impacted Section/Element

Smart Window

Steps to Reproduce

In Advanced Preferences, set browser.smartwindow.enabled=true and browser.smartwindow.memories.hasSeenMemories=false.

Open a content-rich page and open the Smart Window. Enter a question in the combobox and hit Enter.

Expected Behavior

Links describe their purpose and destination.

Actual Behavior

Within the Memories dialog that opens spontaneously on top of the answer, a "Learn more" link is presented below non-linked text of "Memories helped personalize this response."

User Impact

Users relying on screen reader output who land on this link while navigating with Tab hear "link, learn more", with no other context. They must explore the surrounding text to understand what they'd be learning more about.

WCAG 2.2 References

Best practice only. Since screen reader users are able to fish around and find the link's purpose in adjacent text, this is not technically a WCAG failure at Level AA.

Recommendations

Remove "Learn more" and instead link the text, "Memories helped personalize this response."

Testing Environment

Firefox Beta 150.0b2 using "Flexible" Smart Window model

Assistive Technology Used

all screen readers

Further Reference

https://webaim.org/techniques/hypertext/link_text#uninformative

Severity

3-Moderate

Comment 1

[Anna Yeddi [:ayeddi]]

Note: if there will be more than 1 Learn more link included on the page, the severity of this issue would be higher.

Comment 2

[John Northup]

Resolved: Button was changed to a toggle and no longer opens a dialog.