Skip to content

Commit 093180c

Browse files
committed
thanks to mfranzke
1 parent 9889d40 commit 093180c

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/content/blog/2025-11-aria-live.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ Think of it like a message bus for screen readers.
271271
To actually hide this live regions visually, you should use a [common CSS implementation](https://css-tricks.com/inclusively-hidden/) which makes it hidden but accessible and ensures screen readers will pick it up:
272272

273273
```css
274-
.sr-only:not(:focus):not(:active):not(:focus-within) {
274+
.sr-only:not(:focus):not(:active) {
275275
clip: rect(0 0 0 0);
276276
clip-path: inset(50%);
277277
height: 1px;
@@ -441,4 +441,4 @@ By keeping live regions mounted and using established announcer services, you ca
441441
- **Test with real users**: Screen reader behavior varies — always validate with actual assistive technology
442442
- **The payoff**: Reliable announcements make your app more inclusive, responsive, and trustworthy
443443

444-
<small>**Thanks** for [Ferdinand Malcher](https://github.com/fmalcher/) and [Milan Wanielik](https://github.com/milan-w) for reviewing this article.<br />**Cover image:** Picture from [Freepik](https://www.freepik.com/free-photo/paper-hand-holding-megaphone_19925176.htm), edited.</small>
444+
<small>**Thanks** for [Ferdinand Malcher](https://github.com/fmalcher/), [Milan Wanielik](https://github.com/milan-w) and [Maximilian Franzke](https://github.com/mfranzke) for reviewing this article.<br />**Cover image:** Picture from [Freepik](https://www.freepik.com/free-photo/paper-hand-holding-megaphone_19925176.htm), edited.</small>

0 commit comments

Comments
 (0)