From the course: Using Stark for Accessible Design Projects

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Using the ALT text tool

Using the ALT text tool - Stark Tutorial

From the course: Using Stark for Accessible Design Projects

Start my 1-month free trial Buy for my team

Using the ALT text tool

“

- [Instructor] Missing alt-text is a significant accessibility issue. Not only can screen readers not understand the image, but should the image fail to load, the alt-text will be the stand in. So let's see how this works and what better example to use that a photography site. When I check for alt text, I just click it and it immediately zips through this page and finds all the issues. And you can see that this image here labeled as to-do means it has no alt-text. What we have here though is the alt-text associated with these images down here. So it's pretty good. So with this image, what it's saying is it's the background image. There nothing describing what the boardwalk is. So what you do is you select Generate Alt-Text, and this is where it gets really interesting. As it's thinking, it comes up with some suggestions. And the first suggestion is a closeup of a gray background with a gradient, well, yeah, okay, fine. But you notice there are two more suggestions because this is one…

Contents