Groups

Back to Overview
00:00 --> 00:07
So, there are basically two groups of images that can happen. So, the first one is that

00:07 --> 00:13
you have multiple images and combined they convey a single piece of information. And

00:13 --> 00:18
then you might have a collection of images where every image individually contributes

00:18 --> 00:25
to the information. And we'll see how that looks. And the first one, you will be super

00:25 --> 00:33
like, okay, I understand this concept. And that's a star rating. Everyone has used star ratings

00:33 --> 00:42
before. And this is like just the output and it's three and a half stars of five. And this is the

00:42 --> 00:49
information that is conveyed. Now, what they did in this example is that they basically used five

00:49 --> 00:57
images next to each other and the first three are star full dot jpeg should probably be pngs but

00:57 --> 01:06
you know um uh star full uh uh images so they are fully filled stars and then you have a half

01:06 --> 01:12
filled star as the fourth image and then you have an empty star as the fifth image um and

01:12 --> 01:23
And what you can do, but what would be pretty cumbersome is to say like full star, full star, full star, half star, empty star.

01:23 --> 01:28
And then the screen reader user would need to make that calculation in their head.

01:28 --> 01:31
Would be technically accessible, I guess.

01:32 --> 01:40
But in reality, what you want is to say like, oh, this is 3.5 out of 5 stars and then the

01:40 --> 01:50
other images, they are only decorative and they don't matter anymore.

01:50 --> 01:53
And then it might have collection of images.

01:53 --> 01:58
So these are different like paintings of the same castle.

01:59 --> 02:03
And so you have this castle through the ages.

02:03 --> 02:17
And then you have like the 1423 charcoal painting.

02:18 --> 02:19
And then you have the Orbeez painting.

02:19 --> 02:22
And then you have the photograph from 1960.

02:22 --> 02:33
the 36. And basically the idea is that this is all like inside of a field set. And then

02:33 --> 02:42
these individual captions are also field sets that describe the images above them. So what

02:42 --> 02:49
we have here is that we have this figure and figcaption and this figcaption, this caption,

02:49 --> 02:58
Basically it describes the other three figures and then these three figures to describe the

02:58 --> 03:02
fig captions inside of those back describe the image.

03:02 --> 03:04
So you get these things.

03:04 --> 03:11
Now those captions in this case are not, and I have to say that really clearly, are not

03:11 --> 03:13
alternative text.

03:13 --> 03:22
are basically additional information to it. So you'll see that in the first one it says the

03:22 --> 03:29
castle has one tower and a tall wall was around it and then you have as the second alternative,

03:29 --> 03:37
it's the castle now has two towers and two walls while the fake caption is just describing the

03:37 --> 03:50
style and from when it was. So there is these different, yeah, just these, you know, two

03:50 --> 03:59
distinction on how you want to use the alternative text. So the alternative text is always, what

03:59 --> 04:03
do you see on the image? Describe that.