VoiceOver Focus Outline for SVG Element on iOS
VoiceOver Focus Outline for SVG Element on iOS
- Subject: VoiceOver Focus Outline for SVG Element on iOS
- From: Thomas Logan <email@hidden>
- Date: Fri, 16 Feb 2018 08:32:58 -0500
Hello,
I have a sample SVG US map <http://demo.equalentry.com/map-us/> that was
built using the jQuery Vector Maps <https://jqvmap.com/> library.
I noticed that on iOS VoiceOver's focus rectangle renders with the visual
outline of the SVG path but that the VoiceOver focus is offset from the
actual element. In the attached example the state of North Carolina is
focused but VoiceOver is showing a visual outline offset above and to the
left of the element.
iOS Image
<https://www.dropbox.com/s/kscd298i1bnpjlp/iOS_VoiceOver_SVG.png?dl=0>
On macOS the VoiceOver focus rectangle does not follow the path but instead
draws a bounding rectangle around the element. On macOS the focus rectangle
appears to be drawn correctly when zooming in and out of the map.
macOS Image
<https://www.dropbox.com/s/byctmgunqwyzxx3/macOS_VoiceOver_SVG.png?dl=0>
Curious to understand if this is due to a bug in the SVG implementation in
the demo or in VoiceOver on iOS.
Thanks!
--
Thomas Logan
Owner
Equal Entry “Contributing to a more accessible world”
206.801.0083 <(206) 801-0083> (o)
www.equalentry.com
Visit us online: *Blog <http://equalentry.com/blog> | Facebook
<https://www.facebook.com/equalentryaccessibility/> | YouTube
<https://www.youtube.com/equalentryaccessibility>*
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Accessibility-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden