Bug 265321 - AX: VoiceOver ignores <title> elements in linked SVGs in the Web Rotor
Summary: AX: VoiceOver ignores <title> elements in linked SVGs in the Web Rotor
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 17
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-24 09:42 PST by Kimberly Grey
Modified: 2023-11-27 00:46 PST (History)
2 users (show)

See Also:


Attachments
Reduced test cases (2.49 KB, text/html)
2023-11-24 09:42 PST, Kimberly Grey
no flags Details
Reduced test cases (1.85 KB, patch)
2023-11-27 00:46 PST, Kimberly Grey
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Kimberly Grey 2023-11-24 09:42:53 PST
Created attachment 468750 [details]
Reduced test cases

If an `<svg>` is embedded within a link, the SVG's `<title>` element contributes to what VoiceOver announces, but does *not* contribute to the link text that appears in VoiceOver's Web Rotor.

This is the case in the tested versions of Safari and Firefox, but not Chrome, which works as expected.


## Repro steps

1. Open the attached file (svg-title-issue.html) in macOS.
2. Launch VoiceOver.
3. Navigate through the page's content using VoiceOver's controls (typically Ctrl + Opt + left/right arrows).
4. Listen to how each link is announced by VoiceOver.
5. Open the Web Rotor (typically Ctrl + Opt + U) and navigate to the Links section.
6. Observe how the links are displayed within the Rotor.


## Expected results

- All of the links on the page are announced as "A red circle with accompanying text"
- The Web Rotor displays all of the links as "A red circle with accompanying text"
- When the Web Rotor list is navigated, each link is announced as "A red circle with accompanying text"


## Actual results

- All of the links on the page are announced as "A red circle with accompanying text"
- The Web Rotor displays the first three links as "with accompanying text", only the last link is "A red circle with accompanying text"
- When the Web Rotor list is navigated, each link is announced as "A red circle with accompanying text"

My expectation would be that the text visually displayed in the Rotor should match what is being announced.


## Other information

If the SVG has a `<text>` node instead of `<title>`, this contributes to both the VO announcement and text displayed by the Web Rotor.

If the SVG has a `<desc>` node instead of `<title>`, it is not announced by VO nor does it appear in the Web Rotor.


## Tested in

- Safari 17.1
- Chrome 119
- Firefox 120

All on macOS 13.6.1.
Comment 1 Radar WebKit Bug Importer 2023-11-24 09:43:03 PST
<rdar://problem/118775157>
Comment 2 Kimberly Grey 2023-11-27 00:46:56 PST
Created attachment 468763 [details]
Reduced test cases

I accidentally uploaded the wrong set of reduced test cases. This now matches with what is described in the bug report.