`ariaNotify` allows you to provide text that should be announced by a screen reader if available and activated. No more fiddling with live regions. No more fiddling with live regions! 💪
Ticket: bugzilla.mozilla.org/show_bug.cgi...
`ariaNotify` allows you to provide text that should be announced by a screen reader if available and activated. No more fiddling with live regions. No more fiddling with live regions! 💪
Ticket: bugzilla.mozilla.org/show_bug.cgi...
That's why the Edge team proposes and trials a new DOM method — ariaNotify(). 😱
I like it!
blogs.windows.com/msedgedev/20...
That's why the Edge team proposes and trials a new DOM method — ariaNotify(). 😱
I like it!
blogs.windows.com/msedgedev/20...
Queue text to be announced by a screen reader — a more ergonomic and reliable alternative to ARIA live regions.
Read Now 👇
developer.mozilla.org/en-US/docs/...
Queue text to be announced by a screen reader — a more ergonomic and reliable alternative to ARIA live regions.
Read Now 👇
developer.mozilla.org/en-US/docs/...
Mr. @wil.to cracking into ariaNotify():
css-tricks.com/the-siren-so...
Mr. @wil.to cracking into ariaNotify():
css-tricks.com/the-siren-so...
developer.apple.com/documentatio...
developer.chrome.com/release-note...
www.firefox.com/en-GB/firefo...
developer.apple.com/documentatio...
developer.chrome.com/release-note...
www.firefox.com/en-GB/firefo...
🎉 sizes="auto" on images
🎉 light-dark() image support
🎉 CSS revert-rule
🎉 ariaNotify()
🎉 Media pseudo-classes like :playing
None of these are baseline yet, so check MDN for support.
developer.mozilla.org/en-US/docs/M...
🎉 sizes="auto" on images
🎉 light-dark() image support
🎉 CSS revert-rule
🎉 ariaNotify()
🎉 Media pseudo-classes like :playing
None of these are baseline yet, so check MDN for support.
developer.mozilla.org/en-US/docs/M...
- var() in size container queries
- ariaNotify()
- CSSPseudoElement (::backdrop)
- Sanitizer API
- Declarative partial updates
- var() in size container queries
- ariaNotify()
- CSSPseudoElement (::backdrop)
- Sanitizer API
- Declarative partial updates
Oh. Ok then. This is pretty good.
“The Siren Song of `ariaNotify()`”
css-tricks.com/the-siren-so...
#ARIA #accessibility #a11y
Oh. Ok then. This is pretty good.
“The Siren Song of `ariaNotify()`”
css-tricks.com/the-siren-so...
#ARIA #accessibility #a11y
The siren song of ariaNotify() · A dangerously convenient way to talk to screen readers ilo.im/16ducg by Mat Marquis
_____
#Notifications #Accessibility #ScreenReaders #ARIA #AriaNotify #LiveRegions #APIs #Browsers #WebDev #Frontend #JavaScript
The siren song of ariaNotify() · A dangerously convenient way to talk to screen readers ilo.im/16ducg by Mat Marquis
_____
#Notifications #Accessibility #ScreenReaders #ARIA #AriaNotify #LiveRegions #APIs #Browsers #WebDev #Frontend #JavaScript
Testing with a WCAG working example by @patrickhlauke.bsky.social, the video illustrates the messages being conveyed for an uploading document progress bar "0%, 15%, 35%, upload complete" This is captured by a small app I am building "ARIA Testify"
#a11y
youtu.be/uZNqBieAP3s
Testing with a WCAG working example by @patrickhlauke.bsky.social, the video illustrates the messages being conveyed for an uploading document progress bar "0%, 15%, 35%, upload complete" This is captured by a small app I am building "ARIA Testify"
#a11y
youtu.be/uZNqBieAP3s
このバージョンでは、ライブリージョンについて2つアップデートがあります。ひとつはaria-modalの取り扱いについて、もうひとつはariaNotify()への対応です。
#AccessibilityVisualizer
このバージョンでは、ライブリージョンについて2つアップデートがあります。ひとつはaria-modalの取り扱いについて、もうひとつはariaNotify()への対応です。
#AccessibilityVisualizer
🎨 color-mix() accepts multiple colors
🎥 New :playing, :paused, :muted media pseudo-classes
📜 animation-range-start/end for scroll animations
♿ ariaNotify() for screen reader support
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
🎨 color-mix() accepts multiple colors
🎥 New :playing, :paused, :muted media pseudo-classes
📜 animation-range-start/end for scroll animations
♿ ariaNotify() for screen reader support
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
github.com/github/ariaN...
github.com/github/ariaN...
https://css-tricks.com/the-siren-song-of-arianotify/?ref=frontenddogma.com
#javascript #aria #notifications #attributes #html
https://css-tricks.com/the-siren-song-of-arianotify/?ref=frontenddogma.com
#javascript #aria #notifications #attributes #html
"None of these are baseline yet, so check MDN for support."
"None of these are baseline yet, so check MDN for support."
www.stefanjudis.com/blog/web-wee...
www.stefanjudis.com/blog/web-wee...
🎉 sizes="auto" on images
🎉 light-dark() image support
🎉 CSS revert-rule
🎉 ariaNotify()
🎉 Media pseudo-classes like :playing
I also have a polyfill for the last one :) github.com/schalkneethl...
developer.mozilla.org/en-US/docs/M...
🎉 sizes="auto" on images
🎉 light-dark() image support
🎉 CSS revert-rule
🎉 ariaNotify()
🎉 Media pseudo-classes like :playing
I also have a polyfill for the last one :) github.com/schalkneethl...
developer.mozilla.org/en-US/docs/M...
🎉 sizes="auto" on images
🎉 light-dark() image support
🎉 CSS revert-rule
🎉 ariaNotify()
🎉 Media pseudo-classes like :playing
None of these are baseline yet, so check MDN for support.
developer.mozilla.org/en-US/docs/M...