Hello, in this video, I am going to show you the screen reader, help us in Bootstrap five so I will
provide a link to this API guide page.
Not much more on it, really, apart from some mixin stuff that you can check out than what I'm going
to go into Carasso Screen Reader Helpers.
Our classes that allow you to designate certain content for screen readers for accessibility purposes
to implement them is really simple.
So let's see if we have a header and we want this header to only be visible for screen readers.
Obviously, visibility must necessarily mean, I'd say.
But I'm talking about in terms of being able to, you know.
You see in one context, but no access it, they fly first class because it's all shown in a screen
reader only.
And if I was to put the text for screen readers only, where I actually do is get rid of the class first.
Show you that he appears now at the class back in reload.
It doesn't appear as you can see, I'm trying to click.
There's nothing there for inspect the Web page.
Go to hear the body.
It is.
Right here, it's just, you know, it's only for screenwriters, the other class that you can use,
and if we want to put this on an anchor tag, it's useful for something like that because you probably
focus on it.
Let me just implement a hash and class to be f our only focus subo.
Focus the ball and I'll explain what this does in a second one to focus on.
And what this does is kind of like the screen reader only.
It's only if you focus on it.
So if I reload, it is here for TAB as you can see it right there for reload.
I can't do anything that we cannot click it.
If I could tap it, I have focused on it and now it is accessible.
In this case, it just takes you to this particular part of the web page, which is nothing.
So basically a reload for that.
Is it for the screen reader helpers?
If you have any questions, feel free to pour me a message.
And as usual, I look forward to seeing you in the next video.