[Webkit-unassigned] [Bug 173914] New: AX: VoiceOver reads absolutely positioned elements on visual order when these elements are inside a <section> or a <div> with aria-label or aria-labelledby
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Jun 28 02:33:48 PDT 2017
https://bugs.webkit.org/show_bug.cgi?id=173914
Bug ID: 173914
Summary: AX: VoiceOver reads absolutely positioned elements on
visual order when these elements are inside a
<section> or a <div> with aria-label or
aria-labelledby
Product: WebKit
Version: Safari 10
Hardware: Macintosh
OS: macOS 10.12.4
Status: NEW
Severity: Normal
Priority: P2
Component: Accessibility
Assignee: webkit-unassigned at lists.webkit.org
Reporter: szantaikaroly at akadalymentesweb.hu
CC: webkit-bug-importer at group.apple.com
Steps to Reproduce:
(1) Create this CSS rule:
.vishidden {
position: absolute;
left: -10000em;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
}
(2) Create this HTML code:
<section aria-labelledby="sectionh2">
<h2 id="sectionh2">Example 1: section with aria-labelledby</h2>
<p>first <span class="vishidden">second</span> <span>third</span> <span class="vishidden">fourth</span></p>
</section>
or this:
<section aria-label="Example 2: section with aria-label">
<h2>Example 2: section with aria-label</h2>
<p>first <span class="vishidden">second</span> <span>third</span> <span class="vishidden">fourth</span></p>
</section>
Expected Results:
Expected reading order: "first, second, third, fourth"
Observed Results:
VoiceOver says: "second, fourth, first, third"
Version:
macOS 10.12.5
Safari 10.1.1
Notes:
Sample code: https://www.akadalymentesweb.hu/demok/voiceover-read-order-bug
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170628/cba3f77b/attachment.html>
More information about the webkit-unassigned
mailing list