search

alphagov / reported-bugs

Tracking bugs in browsers, assistive technologies and operating systems that have been reported by GDS
5 stars 2 forks source link

iOS VoiceOver doesn't always announce correct state of details element #29

Open selfthinker opened 5 years ago

selfthinker commented 5 years ago

Upstream bug: https://bugs.webkit.org/show_bug.cgi?id=180871 Date: 2017-12-15 Reported by: Anika Henke Related to: https://github.com/alphagov/govuk_elements/issues/572 (ish)

Overview

VoiceOver with Safari on iOS announces the wrong state (collapsed or expanded) when the element was just collapsed. It announces the correct state when swiping forwards and back again.

Steps to reproduce

  1. Activate VoiceOver on iOS
  2. Open http://jsbin.com/sasabef in Safari
  3. Navigate to the details element labelled "Open this"
  4. Double tap to open the element
  5. Swipe forward
  6. Swipe back

Actual result

On step 4 VoiceOver says "Open this, collapsed", although the section is expanded.

Expected result

VoiceOver should say "Open this, expanded" like it does on step 6, or like it does in macOS on step 4.

eirikbacker commented 1 month ago

Can I suggest checking out https://u-elements.github.io/u-elements/? This project re-implements native HTML elements 1:1 with the W3C specifications, but resolves screen readers issues, meaning you can use all your styling as-is, and opt out and back to native when native details/summary is well supported.