Live Region Roles

Pretty straightforward, right?

Live region roles are part of the user interface that is announced to screen reader users.

And this is a relative complex, like this could be a whole how to do live regions, could

be a whole talk by itself.

And actually I did do a talk about that a year, about a year ago.

And I will make sure to link to the slides in the description for this.

But there's not a lot of value to go in there and describe all of the live regions in detail.

What live regions do is that they basically put stuff in there, like you have a div or paragraph or whatever you have.

and it has a live region role, like role status, that would be the most common one.

And you put in, with JavaScript, you put in text.

And that text would be read to the screen reader user without any modification,

without any navigation possibilities.

That text is right directly moved to the screen reader user,

And that's super useful for things like, oh, you've got a new chat message or things like the website has finally loaded.

The JavaScript has finally loaded, stuff like that.

You want to do that.

There's also an alert role that gives you immediate feedback.

So alert will interrupt the screen reader at that time.

So you shouldn't use that.

And then there's log marquee and timer, which I have never used.

in practice. They have their use cases, but they are like rare and they also are like,

some of them don't even like announce by default. You have to set some settings there. So I

think alert and status are the most important things here.

And that brings us to the end of our regions. That was pretty straightforward.