Spoiler issues with VoiceOver

Dannii · July 6, 2023, 7:36am

I’ve made a PR with some accessibility improvements:

github.com/discourse/discourse-spoiler-alert

Accessibility improvements

discourse:main ← curiousdannii:main

opened 07:35AM - 06 Jul 23 UTC

curiousdannii

+21 -9

Fix for https://meta.discourse.org/t/spoiler-issues-with-voiceover/257450/15 …- Most important is to remove `aria-label` when unblurring, as it is read by screen readers instead of the entire content. - I also removed the `role` as it resulted in "Button" being read in front of unblurred spoilers, and it didn't seem quite as necessary to explicitly state it's a button to reblur the spoiler. - I made it so that if you're selecting text in an unblurred spoiler it won't reblur. - I moved the `aria-live: polite` to the beginning as I had a report that Voiceover was reading unblurred text twice. I'm not certain that applying `aria-live` when it did was the cause, or that this is the solution, but it doesn't seem to cause any issues now.

Topic		Replies	Views
Spoiler blur not compatible with screen readers Bug accessibility	4	1119	December 24, 2022
Discourse with a screen reader UX accessibility , screen-reader	137	9296	February 23, 2024
Accessibility software and discourse Feature	51	11168	May 9, 2015
Accessibility audit and shepherd for making improvements Feature accessibility	22	5399	April 26, 2018
iOS doesn't load CSS sometimes when navigating between subdomains Bug ios	58	2602	February 10, 2025

Spoiler issues with VoiceOver

Related topics