Search

Post types: Articles 0 Notes 0 Journals 0

Categories: HTML & CSS 1 Frontend 0 JavaScript 1 Nuts & Bolts 0 Projects 0 Inclusion 2 Content Design 0 User Experience 0 Animation 0 Graphic Design 0 Typography 0 Arts & Crafts 0 Web Design 0 World Building 0 L-Space 0 Musical Notes 0 Moving Pictures 0 Photography 0 Notes from the Editor 0 People & Places 0 The World Wide Web 0 Technology 0 Natural World 0 To Boldly Go 0 Anthropocenic View 0

📖

Live Regions, React, & VoiceOver

Read Article ↬

Apparently, ARIA live regions don't play nicely with React. Whilst they work fine in many browsers, they simply don't function in VoiceOver without some workarounds.

Published:: 01 Sep 22
Categories:: JavaScript
Inclusion
Tags:: ARIA
aria-live
aria-atomic
live region
a11y
React
bug
VoiceOver
NVDA
screenreaders
inclusive design

🔖

"Fixing" lists

Read Note ↬

I've long "known" that if you set list-style: none on a <ul> or <ol>, then you "should" add role="list" to that element as well. If you don't, Safari/VoiceOver will ignore the inherent …