Live Session – Hampus and Eric Part 2 (2024)

Back to Overview
00:00,001 --> 00:23,840
I really need to invest into like some elevator music for these breaks.

00:23,840 --> 00:34,000
It's only better, yes, because it's not done by me.

00:34,000 --> 00:35,000
This could be found.

00:35,000 --> 00:44,520
I installed, someone suggested that you can install a soundboard because of these online

00:44,520 --> 00:50,960
meetings sometimes being like you feel like you're talking into a wall and you can have

00:50,960 --> 01:01,040
different things play like if you make a joke you can have, here we go, laughter.

01:01,040 --> 01:03,280
And stuff like that.

01:03,280 --> 01:06,120
There's also booing and stuff.

01:06,120 --> 01:10,480
So it could be some elevator music there.

01:10,480 --> 01:11,480
Yeah.

01:11,480 --> 01:13,200
All right.

01:13,200 --> 01:14,440
Yeah.

01:14,440 --> 01:18,000
You tell me when I should close the survey.

01:18,000 --> 01:21,280
I think it'd be interesting to see the survey now.

01:21,280 --> 01:23,160
So let's check it out.

01:23,160 --> 01:25,300
Let's make sure that nobody is typing.

01:25,300 --> 01:29,640
So I give you another like 20 seconds.

01:29,640 --> 01:34,720
I want to close it like in the middle of your, like if you are writing like a novel or something

01:34,720 --> 01:38,560
like that, you know, that would be really bad.

01:38,560 --> 01:46,640
So going, going, and I'm closing it right now.

01:46,640 --> 01:52,280
Oh, and now I can share the results.

01:52,280 --> 01:57,360
I don't know how that looks for you.

01:57,360 --> 01:59,000
The third answer looks good.

01:59,000 --> 02:03,000
But the other one you just get 100% to answer.

02:03,000 --> 02:07,160
But you want to obviously see what people have answered.

02:07,160 --> 02:08,160
Okay.

02:08,160 --> 02:11,840
I have opened the web view so I can share that.

02:11,840 --> 02:15,160
Give me just a second.

02:15,160 --> 02:16,400
Okay.

02:16,400 --> 02:17,400
That's interesting.

02:17,400 --> 02:18,400
Share.

02:18,400 --> 02:30,240
While you're doing that, we can notice that on the third question, like, yeah, it's a

02:30,240 --> 02:33,760
mix of how much knowledge you guys have previously.

02:33,760 --> 02:39,280
33% said barely worked with accessibility before.

02:39,280 --> 02:41,760
Most people said I worked with it a bit.

02:41,760 --> 02:42,760
56%.

02:42,760 --> 02:43,760
And then 11%.

02:43,760 --> 02:44,760
Yes.

02:44,760 --> 02:45,760
So that's a lot.

02:45,760 --> 02:50,480
So some really experienced people here as well.

02:50,480 --> 02:57,040
We hope to get some of your knowledge shared in the discussions and in different situations

02:57,040 --> 02:58,040
in this course.

02:58,040 --> 02:59,040
All right.

02:59,040 --> 03:00,040
Cool.

03:00,040 --> 03:05,200
It looks like nobody has not heard of accessibility at all, which is great.

03:05,200 --> 03:09,320
And if you haven't filled it out because you're, you know, you're ashamed and you think, like,

03:09,320 --> 03:12,040
oh, I don't know, that's totally fine.

03:12,040 --> 03:16,260
Like, you know, you will learn everything, like, from the ground up.

03:16,260 --> 03:19,980
Because that's how we have structured the course.

03:19,980 --> 03:25,240
Because one of the things that we have seen is even between people who have some knowledge

03:25,240 --> 03:32,360
or a bit of knowledge in accessibility that, like, getting up to the same place is very

03:32,360 --> 03:33,360
helpful.

03:33,360 --> 03:36,680
So that's how we built this up.

03:36,680 --> 03:38,680
And I think it works pretty well.

03:38,680 --> 03:44,200
I dare to say so myself.

03:44,200 --> 03:45,200
All right.

03:45,200 --> 03:46,200
And I'm gonna scroll up.

03:46,200 --> 03:47,200
If it lets me.

03:47,200 --> 03:48,200
There we go.

03:48,200 --> 03:49,200
So this is the first question.

03:49,200 --> 03:50,200
Where do you work right now?

03:50,200 --> 04:01,200
And what's your current job title?

04:01,200 --> 04:07,320
So we have people who are, like, independent business owners, which is awesome.

04:07,320 --> 04:08,320
UX designers.

04:08,320 --> 04:09,320
Digital transformation coach.

04:09,320 --> 04:10,320
That sounds interesting.

04:10,320 --> 04:11,320
Designer.

04:11,320 --> 04:12,320
Business developer.

04:12,320 --> 04:13,320
Product designer.

04:13,320 --> 04:14,320
UX designer.

04:14,320 --> 04:15,320
Frontend developer.

04:15,320 --> 04:16,320
UX designer with accessibility focus.

04:16,320 --> 04:17,320
Technical writer.

04:17,320 --> 04:18,320
Tester.

04:18,320 --> 04:19,320
Very important.

04:19,320 --> 04:20,320
More designers.

04:20,320 --> 04:21,320
Full stack writer.

04:21,320 --> 04:22,320
And, like, I'm not sure how many people are in the chat.

04:22,320 --> 04:23,320
But I'm sure there are a lot of people.

04:23,320 --> 04:24,320
So I'm gonna scroll up.

04:24,320 --> 04:25,320
So we have people who are, like, independent business owners.

04:25,320 --> 04:26,320
Product designer.

04:26,320 --> 04:27,320
UX designer.

04:27,320 --> 04:28,320
Frontend developer.

04:28,320 --> 04:29,320
UX designer with accessibility focus.

04:29,320 --> 04:30,320
Technical writer.

04:30,320 --> 04:31,320
Tester.

04:31,320 --> 04:32,320
Very important.

04:32,320 --> 04:33,320
More designers.

04:33,320 --> 04:34,320
Full stack writer.

04:34,320 --> 04:35,320
Technical writer.

04:35,320 --> 04:36,320
Very important.

04:36,320 --> 04:37,320
More designers.

04:37,320 --> 04:38,320
Full stack web developers.

04:38,320 --> 04:39,320
Oh, and there are multiple pages.

04:39,320 --> 04:40,320
I don't like multiple pages.

04:40,320 --> 04:41,320
Because it's scrolling up again.

04:41,320 --> 04:42,320
More UX designers.

04:42,320 --> 04:43,320
Product designers.

04:43,320 --> 04:44,320
UX, UX.

04:44,320 --> 04:45,320
And stack developer.

04:45,320 --> 04:46,320
Administrators.

04:46,320 --> 04:47,320
Yeah.

04:47,320 --> 04:48,320
And if you're currently unemployed, that's no problem at all.

04:48,320 --> 04:49,320
Because, you know, we're all working together.

04:49,320 --> 04:50,320
So we have people who are, like, independent business owners.

04:50,320 --> 04:51,320
And we have people who are, like, independent business owners.

04:56,320 --> 05:20,320
And we have people who are, like, independent business owners.

05:20,320 --> 05:27,320
And we have people who are, like, independent business owners.

05:27,320 --> 05:28,320
And we have people who are, like, independent business owners.

05:40,320 --> 06:01,320
And we have people who are, like, independent business owners.

06:01,320 --> 06:27,320
And we have people who are, like, independent business owners.

06:27,320 --> 06:31,320
And we have people who are, like, independent business owners.

06:31,320 --> 06:32,320
And we have people who are, like, independent business owners.

06:44,320 --> 07:09,320
And we have people who are, like, independent business owners.

07:09,320 --> 07:16,320
And we have people who are, like, independent business owners.

07:16,320 --> 07:17,320
And we have people who are, like, independent business owners.

07:29,320 --> 07:50,320
And we have people who are, like, independent business owners.

07:50,320 --> 08:12,320
And we have people who are, like, independent business owners.

08:12,320 --> 08:38,320
And we have people who are, like, independent business owners.

08:38,320 --> 08:45,320
And we have people who are, like, independent business owners.

08:45,320 --> 08:46,320
And we have people who are, like, independent business owners.

08:58,320 --> 09:19,320
And we have people who are, like, independent business owners.

09:19,320 --> 09:41,320
And we have people who are, like, independent business owners.

09:41,320 --> 10:10,320
And we have people who are, like, independent business owners.

10:10,320 --> 10:12,320
And we have people who are, like, independent business owners.

10:12,320 --> 10:13,320
And we have people who are, like, independent business owners.

10:25,320 --> 10:46,320
And we have people who are, like, independent business owners.

10:46,320 --> 11:08,320
And we have people who are, like, independent business owners.

11:08,320 --> 11:34,320
And we have people who are, like, independent business owners.

11:34,320 --> 11:41,320
And we have people who are, like, independent business owners.

11:41,320 --> 11:42,320
And we have people who are, like, independent business owners.

11:54,320 --> 12:15,320
And we have people who are, like, independent business owners.

12:15,320 --> 12:37,320
And we have people who are, like, independent business owners.

12:37,320 --> 13:05,320
And we have people who are, like, independent business owners.

13:05,320 --> 13:07,320
And we have people who are, like, independent business owners.

13:07,320 --> 13:08,320
And we have people who are, like, independent business owners.

13:20,320 --> 13:36,320
And we have people who are, like, independent business owners.

13:36,320 --> 14:00,320
And we have people who are, like, independent business owners.

14:00,320 --> 14:26,320
And we have people who are, like, independent business owners.

14:26,320 --> 14:55,320
And we have people who are, like, independent business owners.

14:55,320 --> 15:18,320
that's not like super useful. So we try to handle it like really hands-on. Nice. Before sharing my screen again and jumping into slides. Just some tips here in Zoom. If you want to ask a question or comment or react on something.

15:18,320 --> 15:37,320
You can just unmute yourself and say something. It's a bit harder when you're not in the same room to do that in a smooth manner. But we are totally fine with you just jumping in and saying something.

15:37,320 --> 15:54,320
If you want to do it in another way, the polite way of doing it would be to raise your hand and not just in your webcam, but there's this react button in the Zoom interface. For me, it's to the left of the share button.

15:54,320 --> 16:11,320
And we have react and you can raise your hand there. And you can also like do a clap emojis when you're happy with something. And I guess you can add boo or thumbs down emojis when you're angry with us.

16:11,320 --> 16:29,320
Yeah, you can use that. And finally, you can also just write in the chat if you want to comment something. We usually kind of check in there and see every once in a while what people have commented on. And sometimes we see it straight away as well.

16:29,320 --> 16:46,320
But we can do a fun thing that we've tried before is for so that we can hear that there are lots of people out there is for everyone to soon unmute and just shout hi into your microphone. So let's do that. One, two, three, unmute.

16:46,320 --> 16:48,320
Hi.

16:50,320 --> 16:53,320
Nice. Hi, everyone.

16:53,320 --> 17:02,320
Makes a little sense to hold your ears when your plugs are inside of your ears. I just noticed that.

17:02,320 --> 17:10,320
Yeah, good to know. And now at least most of you have found the unmute button. It seemed to work well.

17:10,320 --> 17:29,320
Yeah, and just in general, when we do like the live sessions, and we will get into the format in a second. But, you know, always feel free to speak up, especially in the live sessions because that's why they're there. They are for communication and conversation.

17:29,320 --> 17:39,320
First and foremost, but I didn't want to like, you know, do this first but now I did. So that's that's what you get for letting me talk.

17:39,320 --> 17:49,320
Nice. And yeah, and we also appreciate some of you having your webcams on it's a bit easier to kind of read the room.

17:49,320 --> 18:01,320
As you say, and understand the world that you might not always be able to that's that's completely fine. But if you have the chance, then you can have your webcam on.

18:01,320 --> 18:11,320
And that could also be like a general kind of recommendation. It's easy to when you're doing these online courses to get caught up in in multitasking.

18:11,320 --> 18:19,320
I'll do my email and I'll kind of figure out this PowerPoint I'm holding tomorrow and I'll kind of see what they're saying at the same time.

18:19,320 --> 18:43,320
And yeah, that's fine if you want to do that. We will not like force you not to. But if you are serious about your learning, then you can kind of put yourself in the mindset of being in a regular classroom and you would probably not cook food and email and do all of that at the same time as a regular class.

18:43,320 --> 18:51,320
But yeah, totally up to you, but just a word of encouragement.

18:51,320 --> 18:59,320
All right, let's see if I managed to share my screen here again.

18:59,320 --> 19:06,320
You see the slides, right? Or? Yes. Yeah. Perfect. Thanks.

19:06,320 --> 19:20,320
I'm all anxious about not showing it the right way. Anyway, this might be some repetition for a lot of you who have been in the accessibility space a while, but we think it's important to lay kind of the foundation here.

19:20,320 --> 19:26,320
So what is accessibility and why is it important?

19:26,320 --> 19:38,320
I mentioned this when talking about me carrying a baby, but impairments or disabilities can be permanent, but they can also be temporary or situational.

19:38,320 --> 19:52,320
So, for instance, Stephen Hawking, he passed away a couple of years back, but he had ALS, a motor impairment that he had since his 20s or something.

19:52,320 --> 20:08,320
So that's like a permanent disability. You can have a temporary motor disability, you've broken your arm skiing or something like that and they're in a cast, or you have in a certain situation you're carrying a baby.

20:08,320 --> 20:18,320
And in all of these kind of use cases or these scenarios, you'll have similar needs.

20:18,320 --> 20:30,320
For instance, it will be tougher to input stuff in a form, like to write stuff in a form, and you will be happy about auto completing forms.

20:30,320 --> 20:38,320
You know, your name already has popped in there and you don't have to do all of that typing.

20:38,320 --> 20:46,320
Things will take longer time, so time limits will be an issue for all of these groups.

20:46,320 --> 21:08,320
It might be even a bigger issue for someone with a permanent disability than someone with a situational one, but the things we do to kind of combat accessibility issues for people with permanent disabilities will be helpful and useful for lots of other people.

21:08,320 --> 21:18,320
And here is a Swedish kind of matrix or poster showing this.

21:18,320 --> 21:28,320
It's built on Microsoft's inclusive design toolkit. They were the ones who first came up with this kind of model, if I understood correctly.

21:28,320 --> 21:36,320
But here it's a Swedish version where you have different categories like vision, hearing, speech, motor and cognition.

21:36,320 --> 21:40,320
And then you have the permanent, temporary and situational ones.

21:40,320 --> 21:45,320
So, for instance, with vision, you have permanent lowered vision.

21:45,320 --> 21:51,320
You might have an eye infection that's a temporary impairment.

21:51,320 --> 21:56,320
And you might have sunlight on the screen and that's in a certain situation.

21:56,320 --> 22:01,320
And you can do that for the different ones.

22:01,320 --> 22:06,320
Cognition is might be, yeah, I like that they've added it.

22:06,320 --> 22:17,320
I don't think cognition was in the first Microsoft version of this, but here you have, you might have ADHD and a hard time concentrating permanently.

22:17,320 --> 22:30,320
You might be burned out or stressed or you're in an open office environment or have kids running around and you have a hard time focusing.

22:30,320 --> 22:41,320
And, yeah, this matrix is from Försäkringskassan.

22:41,320 --> 22:53,320
We can post the link maybe in the channel as well if you want to put it up on buy your workspace or something.

22:53,320 --> 22:59,320
But, yeah, I really like this thing that they've created, this poster they've created.

22:59,320 --> 23:27,320
They also write that digital solutions should work without vision, with low vision, without color vision or with color blindness, without hearing, with lowered hearing, without speech or with lowered functionality or strength in your hands, with hand tremors, like trembling hands or that sort of thing.

23:27,320 --> 23:41,320
With if you're sensitive to flimmer, like blinking interfaces, so epilepsy and stuff like that, and with cognitive disabilities.

23:41,320 --> 23:55,320
And I think this list is taken straight from the European standard, which is kind of the foundation for the laws that we're going to look at as well.

23:55,320 --> 24:03,320
So there's a European standard, which has like everything you need to follow when you build web content and stuff like that.

24:03,320 --> 24:15,320
But that starts off with like the purpose of this standard and these laws is to make sure digital solutions work for these people.

24:15,320 --> 24:32,320
So, yeah, it might feel overwhelming when you dive into like VK or the different standards we look at, but in a nutshell, it's about making sure things work for people with these impairments.

24:32,320 --> 24:41,320
>> Yeah, and I think it's important to also say like this displays it as like really hard lines between things.

24:41,320 --> 24:51,320
Not only between like permanent and, you know, occasional accessibility and situational, but also between like visual and hearing and stuff like that.

24:51,320 --> 24:54,320
And the reality is much messier.

24:54,320 --> 25:00,320
So you have, you know, people who have a visual disability, but also motor disability, for example.

25:00,320 --> 25:07,320
So, but like this is the general spectrum of, you know, what we're talking about.

25:07,320 --> 25:11,320
So I think that's very useful for that to keep that in mind.

25:11,320 --> 25:13,320
Yeah.

25:13,320 --> 25:17,320
>> Nice.

25:17,320 --> 25:35,320
And the core principle of what's called inclusive design is that you, if you design or code or build for the more difficult scenarios, for instance, when you are stressed out, you have kids jumping around, you might be tired from sleep deprivation or whatever, it improves the experience for everyone.

25:35,320 --> 26:04,320
So even if you happen to be in this kind of rocking chair in front of a fireplace and be quite in a chill mindset, you will likely not -- yeah, you'll likely benefit from the things we make sure work, like we'll make the interface intuitive or we'll bring up the most important buttons at the top and we'll make sure things are clearly visible.

26:04,320 --> 26:21,320
So that might be super important for these more difficult scenarios, but it will also improve the experience in the -- yeah, in the cases where you're not, say, stressed or don't have sunlight on your screen or whatnot.

26:21,320 --> 26:40,320
And let's take the definition then of inclusive design.

26:40,320 --> 27:04,320
So some key parts here.

27:04,320 --> 27:31,320
So the first thing is that the Swedish or Scandinavian Airlines company, they decided that to make sure their booking flow works well for blind people who use screen readers, they'll make this special interface.

27:31,320 --> 27:35,320
And the problem there is -- yeah, there are many issues there.

27:35,320 --> 27:42,320
Like, one, you have to make sure that the people who this is catered for find it.

27:42,320 --> 27:49,320
And even if you find it, you don't really want to be kind of treated separately from others.

27:49,320 --> 28:10,320
And from a business perspective, you have to kind of maintain two different interfaces, which is never good.

28:10,320 --> 28:37,320
So the Swedish airline company, they got legal problems.

28:37,320 --> 28:46,320
And they decided to make sure that the people who use screen readers, it's not in line with what the legislation -- what the purpose of the legislation is and stuff like that.

28:46,320 --> 28:49,320
So you don't want to have separate interfaces.

28:49,320 --> 28:58,320
You also will talk about there's this big drama in the accessibility space right now with something called accessibility overlays.

28:58,320 --> 29:02,320
But we'll talk more about that at a later date.

29:02,320 --> 29:17,320
But basically, if you have a site that's not accessible, you can't just place a button in the bottom right corner that makes it magically accessible.

29:17,320 --> 29:21,320
Like, press this button, and you'll suddenly be able to use it.

29:21,320 --> 29:24,320
You will get bigger text or whatnot.

29:24,320 --> 29:26,320
That doesn't work.

29:26,320 --> 29:37,320
So you want to have the mainstream product be as accessible as reasonably possible without the need for special adaptation.

29:37,320 --> 29:45,320
We'll give a ton of examples of this during the course as well.

29:45,320 --> 29:52,320
But this is a core concept we'll talk a lot about.

29:52,320 --> 29:57,320
Another way to put it, Billy Gregory wrote a tweet a couple of years back.

29:57,320 --> 30:02,320
When user experience doesn't consider all users, it should be called some users experience.

30:02,320 --> 30:04,320
Yes, sucks.

30:04,320 --> 30:10,320
So there were lots of UX folks in this course.

30:10,320 --> 30:20,320
I hope you want to call yourself a UX researcher instead of a sucks researcher.

30:20,320 --> 30:27,320
Maybe this can provoke some other colleagues of yours to care more about accessibility.

30:27,320 --> 30:30,320
I think this was really smartly put.

30:30,320 --> 30:35,320
Someone even made a poster, a framed poster out of it.

30:35,320 --> 30:41,320
It's cool.

30:41,320 --> 30:45,320
Another quote from Mary Pat Radboe from IBM.

30:45,320 --> 30:50,320
She says, for people without disabilities, technology makes things easier.

30:50,320 --> 30:55,320
For people with disabilities, technology makes things possible.

30:55,320 --> 31:05,320
Which is a cool way of -- a cool perspective and a nice way of looking at it.

31:05,320 --> 31:12,320
Like, let's say -- let's take the example of a digital post.

31:12,320 --> 31:25,320
That, like, it might have been impossible for a lot of people previously to get a mail in your post box and read that mail.

31:25,320 --> 31:30,320
Because you have dyslexia or a vision impairment.

31:30,320 --> 31:38,320
Or your hands aren't capable of opening the letter or whatnot.

31:38,320 --> 31:54,320
Now getting the possibility to get your post in Kiva and other digital formats will make that communication accessible to your assistive technology.

31:54,320 --> 32:05,320
So if you use some kind of reading software to read what's on there in the email or in the mail up to you, that would work fine.

32:05,320 --> 32:13,320
You'll be able to kind of open the letter with different switches and that sort of thing.

32:13,320 --> 32:19,320
And Kiva and digital mail has been really good for people without disabilities as well.

32:19,320 --> 32:27,320
It's super handy to be able to not have to go out to the post box and pick up your mail and a lot of that thing.

32:27,320 --> 32:41,320
But it makes things easier. But for many with disabilities, that kind of development towards digital post has been -- has made things possible.

32:41,320 --> 32:49,320
So just one example.

32:49,320 --> 33:00,320
Also, like I guess many of you are aware of, accessibility is no longer optional here in the European Union.

33:00,320 --> 33:04,320
You have the European Accessibility Act.

33:04,320 --> 33:17,320
Or in Swedish now, Lagen om vissa produkter och tjänsters tillgänglighet.

33:17,320 --> 33:23,320
Anyway, lots of different names for kind of the same thing.

33:23,320 --> 33:32,320
That's coming up, like the deadline is in June 2025. So a lot of companies are working with this.

33:32,320 --> 33:36,320
So it affects banks and e-commerce partly.

33:36,320 --> 33:40,320
So I guess a few of you are aware of that.

33:40,320 --> 33:47,320
And people in the public sector are definitely aware of the web directive or DOSlagen.

33:47,320 --> 34:03,320
That's been kind of in play or the deadline was like 2021 or something for web apps and documents and stuff in the public sector.

34:03,320 --> 34:07,320
So there are other things as well.

34:07,320 --> 34:13,320
And we'll dive more deeply into this in one of the weeks.

34:13,320 --> 34:18,320
But yeah, this is a nice development.

34:18,320 --> 34:27,320
>> Yeah, just to say, like, the basics and the -- like, even the practicalities around those are all the same.

34:27,320 --> 34:32,320
Like, you don't need to, like, relearn from one law to the other.

34:32,320 --> 34:36,320
Like, it's all based on very similar concepts.

34:36,320 --> 34:38,320
Very similar things.

34:38,320 --> 34:44,320
So if you're really confident in doing one thing, you also have covered most of the other things.

34:44,320 --> 34:50,320
So that's -- I think that's important to say.

34:50,320 --> 34:54,320
>> Nice.

34:54,320 --> 34:57,320
Nice getting some comments there in the chat as well.

34:57,320 --> 35:04,320
Like, how can we -- how has this law been applied?

35:04,320 --> 35:08,320
Have they gotten fines yet and stuff like that?

35:08,320 --> 35:12,320
Yeah, we'll talk more about that in the kind of law week.

35:12,320 --> 35:21,320
But just in summary, yes, there's this authority going around to different places checking the accessibility.

35:21,320 --> 35:34,320
If, let's say, you are a small municipality, a commune, and you get this list from the authority saying, hey, you need to fix all of these issues.

35:34,320 --> 35:37,320
Might be 200 issues or something you get.

35:37,320 --> 35:40,320
And you get a couple of months to fix it.

35:40,320 --> 35:45,320
But if you don't, then they start pushing with fines.

35:45,320 --> 35:59,320
And there have been -- now there's been some fines having gone all the way to, like, they having not only been threatened with it, but also having had to pay it.

35:59,320 --> 36:04,320
I think there was, like, the small municipality that was the first one.

36:04,320 --> 36:07,320
Or, yeah.

36:07,320 --> 36:10,320
We can go into the nitty gritty of that.

36:10,320 --> 36:18,320
But it's in full action, this doslagen.

36:18,320 --> 36:26,320
And maybe to discuss down the line, who is responsible for the content being accessible in services like Kivra?

36:26,320 --> 36:28,320
Yeah, that's super interesting.

36:28,320 --> 36:32,320
Is it the company sending their documents to Kivra?

36:32,320 --> 36:36,320
Is it Kivra who kind of provide the platform?

36:36,320 --> 36:42,320
And I would say the short answer is, yeah, it's a team effort.

36:42,320 --> 36:51,320
Like, Kivra will not be able to take an image PDF and then just magically create a great document out of it.

36:51,320 --> 37:06,320
But even if you send the perfect PDF to Kivra or Scribe, you know, where you kind of sign documents and they strip all the accessibility info and create an image of it, then that will not be good either.

37:06,320 --> 37:17,320
So -- but when -- who is formally responsible, yeah, we can look at that when we come to this topic area.

37:17,320 --> 37:21,320
>> Should I talk about the core structure?

37:21,320 --> 37:22,320
You talked a lot.

37:22,320 --> 37:24,320
>> Yeah, go ahead.

37:24,320 --> 37:27,320
>> Don't want all of that to be on your plate.

37:27,320 --> 37:28,320
>> Perfect.

37:28,320 --> 37:29,320
>> Yeah.

37:29,320 --> 37:39,320
So what we're going to do is that every Thursday you get a video session published in the canvas.

37:39,320 --> 37:49,320
If you can't use that for some reason and it doesn't work for you, feel free to ping us on Slack or via email and say, like, hey, can I get this in a different way?

37:49,320 --> 37:53,320
We want to make sure that you have access to the content.

37:53,320 --> 37:56,320
But basically those are video sessions.

37:56,320 --> 38:02,320
We will add transcripts and other stuff to it so that it's most accessible.

38:02,320 --> 38:05,320
That's our plan.

38:05,320 --> 38:09,320
>> And you can kind of show it here live as you're going about --

38:09,320 --> 38:15,320
>> Yeah, and I can share and show canvas in detail.

38:15,320 --> 38:16,320
>> Oh, do you want to do that?

38:16,320 --> 38:17,320
Perfect.

38:17,320 --> 38:20,320
>> But it's just like how a week works.

38:20,320 --> 38:27,320
So basically this Thursday, the day after tomorrow, we will publish all the videos for the week after that.

38:27,320 --> 38:35,320
And then the week after that, we will publish the videos for the week after that.

38:35,320 --> 38:41,320
And then the week after that, we will publish the videos for the week after that.

38:41,320 --> 38:46,320
And then the week after that, we will publish the videos for the week after that.

38:46,320 --> 39:00,320
And then the week after that, we will publish the videos for the week after that.

39:00,320 --> 39:05,320
And then the week after that, we will publish the videos for the week after that.

39:05,320 --> 39:09,320
And then the week after that, we will publish the videos for the week after that.

39:13,320 --> 39:19,320
And that's going to be happening between 1 and 3 roughly on Tuesdays.

39:19,320 --> 39:25,320
And then afterwards, between 3 and 5, we have bookable tutoring time.

39:25,320 --> 39:29,320
So this is when you say, oh, I have this very specific question.

39:29,320 --> 39:33,320
And I think it's only applying to me or I didn't understand this.

39:33,320 --> 39:39,320
And I want Eric or Hampus to explain this to me in detail.

39:39,320 --> 39:45,320
Then you can book time with us and we will share, you know, we have the Zoom links in there.

39:45,320 --> 39:55,320
And then, you know, for 15, 20 minutes, you have our whole like attention and we can explain it in detail.

39:55,320 --> 40:08,320
Every session, every Q&A session is recorded and will be uploaded to Canvas unless we forget it.

40:08,320 --> 40:13,320
Which is why, please, please remind us to not forget it.

40:13,320 --> 40:16,320
Because it happens so easily.

40:16,320 --> 40:18,320
But that's the goal.

40:18,320 --> 40:21,320
Like everything should be recorded and uploaded afterwards.

40:21,320 --> 40:29,320
And you can any time reach out on Slack for like everyday communication, questions, stuff like that.

40:29,320 --> 40:34,320
That's how we in general organize this.

40:34,320 --> 40:41,320
And I'm going to share my screen and show Canvas really quick.

40:41,320 --> 40:43,320
So this is that.

40:43,320 --> 40:45,320
There we go.

40:45,320 --> 40:46,320
The slide.

40:46,320 --> 40:48,320
So this is how you see it.

40:48,320 --> 40:50,320
I got into student mode.

40:50,320 --> 40:55,320
You will not see the nice purple, like, border around it.

40:55,320 --> 41:03,320
And basically this is the home page and this is the only view you need for like most of the course.

41:03,320 --> 41:09,320
And we will have the assignment done through Canvas as well.

41:09,320 --> 41:13,320
But we talk about that, you know, in like 14 weeks when we get there.

41:13,320 --> 41:17,320
Let's not cross that bridge right now.

41:17,320 --> 41:37,320
And at the top you have links and information that is like general, including the book tutoring link.

41:37,320 --> 41:41,320
And then you have the course week.

41:41,320 --> 41:48,320
And every course week has like this gray top and you can expand collapse if you want to.

41:48,320 --> 41:54,320
And those basically give you like an outline of the week.

41:54,320 --> 41:58,320
So this first week is a little bit different than other weeks.

41:58,320 --> 42:02,320
But from next week it will look something like this.

42:02,320 --> 42:05,320
So first you have the Zoom connection.

42:05,320 --> 42:12,320
And then you have the Canvas.

42:12,320 --> 42:15,320
And then you have the Canvas course week.

42:30,320 --> 42:36,320
And my Swedish is not that bad if I know what's in there.

42:36,320 --> 42:41,320
And then also linked tools, for example.

42:41,320 --> 42:53,320
And you can then click on the video and you see -- yeah, this has -- oh, it has been released.

42:53,320 --> 42:55,320
Or maybe it's because it's preview.

42:55,320 --> 42:56,320
I don't know.

42:56,320 --> 43:03,320
You can then play the video here and you can also toggle captions on.

43:03,320 --> 43:05,320
Which is useful.

43:05,320 --> 43:08,320
And yeah, that's basically how you go through.

43:08,320 --> 43:18,320
You can also, if that's set up correctly -- oh, yeah, and we already have like published everything for next week.

43:18,320 --> 43:20,320
That's how we did it, right?

43:20,320 --> 43:21,320
>> Yeah.

43:21,320 --> 43:27,320
>> And you can also -- here at the top of the video, it's overlayed.

43:27,320 --> 43:29,320
You can download media.

43:29,320 --> 43:38,320
And that's how you can download the video and, you know, take it onto your phone and take it with you and use it.

43:38,320 --> 43:47,320
And there's also an option to download the transcript of the captions, basically.

43:47,320 --> 43:51,320
And then this is basically how it goes.

43:51,320 --> 43:55,320
We have already -- we didn't do that before.

43:55,320 --> 43:57,320
So you are the first people who see this.

43:57,320 --> 44:05,320
You already have basically the whole outline of the course on screen.

44:05,320 --> 44:07,320
Unfortunately it's made gray.

44:07,320 --> 44:10,320
Which means it's really hard to see.

44:10,320 --> 44:12,320
It's an accessibility issue.

44:12,320 --> 44:14,320
We will talk about this a lot.

44:14,320 --> 44:21,320
But basically what we have here is that, you know, there's the video.

44:21,320 --> 44:24,320
The slides are attached.

44:24,320 --> 44:26,320
Here we have a second video here.

44:26,320 --> 44:29,320
And then here we have links from the session.

44:29,320 --> 44:34,320
This will be published once we actually have the live session.

44:34,320 --> 44:39,320
Because I will -- I have links that I share with -- during that session with you and stuff like that.

44:39,320 --> 44:44,320
And also the recording will be shared here underneath.

44:44,320 --> 44:47,320
So that's how that works.

44:47,320 --> 44:53,320
And, yeah, I have put all videos together back to back.

44:53,320 --> 44:56,320
Then there is this like what I call omnibus version.

44:56,320 --> 44:58,320
And that's a Doctor Who reference.

44:58,320 --> 45:00,320
Nobody needs to know why it's called that.

45:00,320 --> 45:02,320
Just accept it.

45:02,320 --> 45:05,320
And that is all the videos on top.

45:05,320 --> 45:10,320
Like one after the other in one video for your, you know, convenience.

45:10,320 --> 45:12,320
Yeah.

45:12,320 --> 45:14,320
That's how it goes.

45:14,320 --> 45:16,320
Until the last week.

45:16,320 --> 45:18,320
Which is week 14.

45:18,320 --> 45:23,320
Do, do, do, do, do.

45:23,320 --> 45:26,320
A lot of videos.

45:26,320 --> 45:33,320
When HMPUS is doing the week 14 for cognitive disabilities.

45:33,320 --> 45:40,320
And then we have the exam where we don't have the information out yet.

45:40,320 --> 45:46,320
But it's basically doing like a very high level accessibility review.

45:46,320 --> 45:50,320
And as you can see, we unlock the weeks.

45:50,320 --> 45:53,320
And then we have the week 14.

45:53,320 --> 45:55,320
And then we have the week 15.

45:55,320 --> 45:58,320
And then we have the week 16.

45:58,320 --> 46:01,320
And then we have the week 17.

46:01,320 --> 46:04,320
And then we have the week 18.

46:04,320 --> 46:07,320
And then we have the week 19.

46:07,320 --> 46:09,320
And then we have the week 20.

46:09,320 --> 46:11,320
And then we have the week 21.

46:11,320 --> 46:13,320
And then we have the week 22.

46:13,320 --> 46:15,320
And then we have the week 23.

46:15,320 --> 46:18,320
And then we have the week 24.

46:18,320 --> 46:21,320
And then we have the week 25.

46:21,320 --> 46:24,320
And then we have the week 26.

46:24,320 --> 46:27,320
And then we have the week 27.

46:27,320 --> 46:30,320
And then we have the week 28.

46:30,320 --> 46:33,320
And then we have the week 29.

46:33,320 --> 46:36,320
And then we have the week 30.

46:36,320 --> 46:39,320
And then we have the week 31.

46:39,320 --> 46:42,320
And then we have the week 32.

46:42,320 --> 46:45,320
And then we have the week 33.

46:45,320 --> 46:48,320
And then we have the week 34.

46:48,320 --> 46:51,320
And then we have the week 35.

46:51,320 --> 46:54,320
And then we have the week 36.

46:54,320 --> 46:57,320
And then we have the week 37.

46:57,320 --> 47:00,320
And then we have the week 38.

47:00,320 --> 47:03,320
And then we have the week 39.

47:03,320 --> 47:06,320
And then we have the week 40.

47:06,320 --> 47:09,320
And then we have the week 41.

47:09,320 --> 47:12,320
And then we have the week 42.

47:12,320 --> 47:15,320
And then we have the week 43.

47:15,320 --> 47:18,320
And then we have the week 44.

47:18,320 --> 47:21,320
And then we have the week 45.

47:21,320 --> 47:24,320
And then we have the week 46.

47:24,320 --> 47:27,320
And then we have the week 47.

47:27,320 --> 47:30,320
And then we have the week 48.

47:30,320 --> 47:33,320
And then we have the week 49.

47:33,320 --> 47:36,320
And then we have the week 50.

47:36,320 --> 47:39,320
And then we have the week 51.

47:39,320 --> 47:42,320
And then we have the week 52.

47:42,320 --> 47:45,320
And then we have the week 53.

47:45,320 --> 47:48,320
And then we have the week 54.

47:48,320 --> 47:51,320
And then we have the week 55.

47:51,320 --> 47:54,320
And then we have the week 56.

47:54,320 --> 47:57,320
And then we have the week 57.

47:57,320 --> 48:00,320
And then we have the week 58.

48:00,320 --> 48:03,320
And then we have the week 59.

48:03,320 --> 48:06,320
And then we have the week 60.

48:06,320 --> 48:09,320
And then we have the week 61.

48:09,320 --> 48:12,320
And then we have the week 62.

48:12,320 --> 48:15,320
And then we have the week 63.

48:15,320 --> 48:18,320
And then we have the week 64.

48:18,320 --> 48:21,320
And then we have the week 65.

48:21,320 --> 48:24,320
And then we have the week 66.

48:24,320 --> 48:27,320
And then we have the week 67.

48:27,320 --> 48:30,320
And then we have the week 68.

48:30,320 --> 48:33,320
And then we have the week 69.

48:33,320 --> 48:36,320
And then we have the week 70.

50:21,320 --> 50:24,320
>> Nice.

50:24,320 --> 50:27,320
Then we have a pause for questions or reactions before doing the VCAG flyover.

50:27,320 --> 50:45,320
Any reactions, questions, comments, apart from what you've already put in the chat there?

50:45,320 --> 50:48,320
>> I'm going to go ahead and do the VCAG flyover.

50:48,320 --> 50:51,320
>> Okay.

50:51,320 --> 50:54,320
>> Going, going.

50:54,320 --> 50:57,320
>> Gone.

50:57,320 --> 51:00,320
>> All right.

51:00,320 --> 51:03,320
>> I learned that at W3C.

51:03,320 --> 51:06,320
When you are in a consensus meeting and you go like, does anyone have to say something?

51:06,320 --> 51:09,320
And then people go like, I don't know.

51:09,320 --> 51:12,320
>> All right.

51:12,320 --> 51:15,320
>> I'm going to go ahead and do the VCAG flyover.

51:15,320 --> 51:18,320
>> Okay, cool.

51:18,320 --> 51:21,320
All right.

51:21,320 --> 51:24,320
Yeah, maybe people are tired and we now jump into some VCAG basics.

51:24,320 --> 51:27,320
Yeah, hopefully you don't hate us for that.

51:27,320 --> 51:30,320
But just a flyover and introduction to VCAG, which we'll dive more into later.

51:30,320 --> 51:33,320
From you, Egert.

51:33,320 --> 51:36,320
>> And now there is a hand up.

51:36,320 --> 51:39,320
>> Is there a hand?

51:39,320 --> 51:44,320
>> You have a question in the chat, I think.

51:44,320 --> 51:47,320
It's what Sophie tried to show you.

51:47,320 --> 51:50,320
>> Okay, nice, nice.

51:50,320 --> 51:53,320
I see it now.

51:53,320 --> 51:56,320
The individual assignment, we'll talk more about that in a couple of weeks' time.

51:56,320 --> 51:59,320
We don't want you to focus too much on it early.

51:59,320 --> 52:02,320
Just focus on learning and the stuff that we're talking about.

52:02,320 --> 52:05,320
But, yes, there will be a flyover.

52:05,320 --> 52:10,320
And then individual assignment, like Eric said, you will pick -- most people will pick a site.

52:10,320 --> 52:15,320
And you'll kind of go through and find accessibility issues and maybe even some positive things on that site.

52:15,320 --> 52:20,320
And you'll kind of write a short report or make a video where you talk about that.

52:20,320 --> 52:23,320
So we'll go through that.

52:23,320 --> 52:26,320
And then we'll talk about the individual assignment.

52:32,320 --> 52:36,320
So we'll go through that.

52:36,320 --> 52:39,320
It won't be too scary.

52:39,320 --> 52:45,320
And we are pretty nice when it comes to evaluating and stuff like that.

52:45,320 --> 52:48,320
But we will go through that later.

52:48,320 --> 52:50,320
>> Yeah.

52:50,320 --> 52:55,320
You have to really, really, like, annoy us so we don't let you pass.

52:55,320 --> 52:58,320
It has never happened before.

52:58,320 --> 53:00,320
All right.

53:00,320 --> 53:10,320
Let's do -- and I will do this, like, really, like, flyover quick presentation on WCAG.

53:10,320 --> 53:15,320
Because, you know, one of the things, like, in two weeks I will do the deep dive into WCAG.

53:15,320 --> 53:20,320
But I want to, like, you know, plant the seeds about, like, what this is all about.

53:20,320 --> 53:24,320
And WCAG is web content accessibility guidelines.

53:24,320 --> 53:27,320
Which is also the second slide.

53:27,320 --> 53:31,320
I'm already ahead of myself, which is amazing.

53:31,320 --> 53:35,320
And, you know, you might -- some of you might have heard it before.

53:35,320 --> 53:37,320
Some of you might not.

53:37,320 --> 53:40,320
Some people also say WCAG.

53:40,320 --> 53:43,320
Which I don't understand why you would ever do that.

53:43,320 --> 53:46,320
But web content accessibility guidelines.

53:46,320 --> 53:49,320
And they focus on web content.

53:49,320 --> 53:54,320
Because it's -- it was created by W3C.

53:54,320 --> 53:58,320
The web -- World Wide Web Consortium.

53:58,320 --> 54:01,320
And their web accessibility initiative.

54:01,320 --> 54:03,320
WAI.

54:03,320 --> 54:04,320
A lot of abbreviation.

54:04,320 --> 54:06,320
You will get to it.

54:06,320 --> 54:12,320
The accessibility guidelines part is probably pretty self-explanatory.

54:12,320 --> 54:14,320
And, yeah.

54:14,320 --> 54:16,320
That's what we're looking at.

54:16,320 --> 54:22,320
And it's basically the baseline for a lot of, like, the laws and a lot of the regulation that is out there.

54:22,320 --> 54:29,320
So it's an international standard created in a consensus way.

54:29,320 --> 54:32,320
So, like, you know, it has broad applicability.

54:32,320 --> 54:37,320
So it's -- and I think it's pretty good for what it is.

54:37,320 --> 54:41,320
Again, web accessibility initiative, WAI.

54:41,320 --> 54:45,320
It was founded in 1997.

54:45,320 --> 54:48,320
So this is -- how long is that ago now?

54:48,320 --> 54:51,320
Oh, I'm bad with, like, time spans.

54:51,320 --> 54:53,320
Is that 27 years now?

54:53,320 --> 54:56,320
It sounds like a long time.

54:56,320 --> 55:00,320
And that was -- it must be 27 years.

55:00,320 --> 55:05,320
Because W3C is 30 years old.

55:05,320 --> 55:08,320
And on the left you see the founder.

55:08,320 --> 55:10,320
And I don't know.

55:10,320 --> 55:14,320
I think it's not the director anymore of W3C.

55:14,320 --> 55:16,320
It's Berners-Lee.

55:16,320 --> 55:23,320
That's the person who invented all the basic technologies, put them together to form the World Wide Web.

55:23,320 --> 55:26,320
Really smart person.

55:26,320 --> 55:29,320
His brain works so fast.

55:29,320 --> 55:33,320
It's incredibly difficult to follow any of his thoughts.

55:33,320 --> 55:38,320
Like, he's just so quick when he does presentations.

55:38,320 --> 55:41,320
And I was in a room with him twice.

55:41,320 --> 55:44,320
And I didn't trust myself to talk to him.

55:44,320 --> 55:46,320
So I wouldn't embarrass myself.

55:46,320 --> 55:48,320
Which I did not.

55:48,320 --> 55:50,320
I did not embarrass myself.

55:50,320 --> 55:52,320
I also didn't talk to him.

55:52,320 --> 55:54,320
But very clever person.

55:54,320 --> 55:56,320
Invented the World Wide Web.

55:56,320 --> 56:04,320
And then on the right, that's Judy Brewer, who used to be my boss when I worked at WAI.

56:04,320 --> 56:11,320
And she started with WAI in 1997.

56:11,320 --> 56:16,320
And then worked there for 25 years until 2022.

56:16,320 --> 56:23,320
And basically steered all the, like, political stuff, you know, got funding and stuff like that.

56:23,320 --> 56:30,320
And so, like, W3C stuff, WAI stuff, all long-term commitments.

56:30,320 --> 56:37,320
And, you know, it's super interesting to have worked with those people.

56:37,320 --> 56:38,320
Yeah.

56:38,320 --> 56:46,320
And then, like, you know, people come to me and they often say, like, oh, accessibility is this new thing.

56:46,320 --> 56:48,320
Like, never heard of it.

56:48,320 --> 56:56,320
The first version of the Web Content Accessibility Guidelines was released on May 5th, 1999.

56:56,320 --> 57:01,320
That was last millennium, just, you know, as a perspective.

57:01,320 --> 57:06,320
And that was the first thing that WAI released.

57:06,320 --> 57:09,320
First, like, big thing.

57:09,320 --> 57:11,320
I don't want to go into much detail.

57:11,320 --> 57:14,320
You can click the link in the slides.

57:14,320 --> 57:16,320
It's now a historic artifact.

57:16,320 --> 57:19,320
You shouldn't, like, follow it.

57:19,320 --> 57:24,320
But there were a lot of good and interesting thoughts in there.

57:24,320 --> 57:26,320
But it was very specific to technology.

57:26,320 --> 57:30,320
So, it said, like, oh, in HTML, do this and that to make it accessible.

57:30,320 --> 57:39,320
And so, it wasn't as adaptive as, like, later versions of WCAG are.

57:39,320 --> 57:48,320
And so, they went, like, they realized that, went on to start working on WCAG 2.0 right away.

57:48,320 --> 57:56,320
And right away means it took only nine years to release the next version of WCAG.

57:56,320 --> 58:01,320
Lots of, like, oh, there are lots of, like, stories behind that.

58:01,320 --> 58:04,320
But that was in 2008.

58:04,320 --> 58:14,320
So, this was well after I've become, like, you know, working with web standards and web accessibility.

58:14,320 --> 58:20,320
But this standard, much clearer, much less technology specific.

58:20,320 --> 58:25,320
We do call that agnostic sometimes when we feel fancy.

58:25,320 --> 58:34,320
And this is the basic for all laws and that are in effect at this point.

58:34,320 --> 58:43,320
And because WCAG 2.0 was so great, instead of, like, creating something new, they started doing something.

58:43,320 --> 58:45,320
Something similar.

58:45,320 --> 58:55,320
And that was so similar that they just, like, put a 2.1 out ten years later in June 2018.

58:55,320 --> 58:59,320
And that was a minor revision of the standard.

58:59,320 --> 59:01,320
Got a few more things added to it.

59:01,320 --> 59:05,320
Like, you know, making stuff more responsive.

59:05,320 --> 59:09,320
Especially for low vision users and stuff like that.

59:09,320 --> 59:12,320
A really good update.

59:12,320 --> 59:14,320
One of the best we had.

59:14,320 --> 59:26,320
And then because, like, a five year, like, ten year thing was, like, already good, we actually got, like, another update after five years.

59:26,320 --> 59:29,320
So, this gets quicker and quicker.

59:29,320 --> 59:33,320
With a couple of new success criteria.

59:33,320 --> 59:36,320
And that was in October of 2023.

59:36,320 --> 59:49,320
And in two weeks from now, I will tell you, like, in the videos, I will tell you all the ins and outs of those success criteria and what is new and stuff like that.

59:49,320 --> 59:56,320
And a lot of people say, like, okay, WCAG 2.0, you know, we're getting into, like, really quick release cycles now.

59:56,320 --> 01:00:00,320
With five years release cycles.

01:00:00,320 --> 01:00:02,320
What about WCAG 3.0?

01:00:02,320 --> 01:00:09,320
And so W3C is now working exclusively on that.

01:00:09,320 --> 01:00:14,320
And their goal is to release it sometime.

01:00:14,320 --> 01:00:20,320
And, like, if everything works, like, super smooth, it could be, like, 2028.

01:00:20,320 --> 01:00:24,320
Or it could be 2030 or something like that.

01:00:24,320 --> 01:00:30,320
What I want to say is, like, WCAG 2.2 will stay with us for a long, long time.

01:00:30,320 --> 01:00:35,320
And it has, you know, and it's a pretty good standard for what it is.

01:00:35,320 --> 01:00:37,320
And so just embrace it.

01:00:37,320 --> 01:00:40,320
Don't look at WCAG 3.0 stuff, because it's all up in the air.

01:00:40,320 --> 01:00:43,320
It's super early still.

01:00:43,320 --> 01:00:47,320
And they're only working on WCAG 3.0 since 2013.

01:00:47,320 --> 01:00:52,320
So, you know, this can take time.

01:00:52,320 --> 01:01:02,320
Yeah, and just, like, the super high level of view on WCAG, it's based on the four core principles, perceivable, operable, understandable, and robust.

01:01:02,320 --> 01:01:12,320
So your content needs to be perceivable for people, like, who can, you know, perceive differently.

01:01:12,320 --> 01:01:22,320
Like, if someone is blind, they need to perceive through, like, text.

01:01:22,320 --> 01:01:26,320
If someone is deaf, they need to perceive through different types of text, like, captions and stuff.

01:01:26,320 --> 01:01:33,320
And, you know, just make sure that things can even be seen or heard.

01:01:33,320 --> 01:01:41,320
Usually we say, like, to -- what is it called?

01:01:41,320 --> 01:01:46,320
Yeah, you have to -- oh, my brain.

01:01:46,320 --> 01:01:50,320
I don't know.

01:01:50,320 --> 01:01:52,320
Then you have operable.

01:01:52,320 --> 01:02:05,320
So basically everything, like, functioning with the keyboard, for example, for inputs, but also, like, making sure that when you click something, it has large enough click areas.

01:02:05,320 --> 01:02:08,320
That came new in WCAG 2.2.

01:02:08,320 --> 01:02:13,320
A lot of good stuff going on in the operable area.

01:02:13,320 --> 01:02:22,320
And understandable, basically everything that says, like, oh, you know, I cannot only see the thing.

01:02:22,320 --> 01:02:24,320
I can also understand what it is.

01:02:24,320 --> 01:02:26,320
That's all in understandable.

01:02:26,320 --> 01:02:30,320
Like, having good understandable labels.

01:02:30,320 --> 01:02:35,320
And having language switches in your code.

01:02:35,320 --> 01:02:37,320
If the language changes.

01:02:37,320 --> 01:02:39,320
That's all in understandable.

01:02:39,320 --> 01:02:43,320
And robust.

01:02:43,320 --> 01:02:48,320
It's basically making sure that machines can read interactive stuff very well.

01:02:48,320 --> 01:03:03,320
And that content that is, like, that informs the user is also output as, you know, in a way that users can see, like, if you have an alert or something like that.

01:03:03,320 --> 01:03:05,320
There are ways to make that accessible.

01:03:05,320 --> 01:03:11,320
And we'll talk about all of that over the next couple of weeks.

01:03:11,320 --> 01:03:18,320
There are a couple of other things that you will find about WCAG.

01:03:18,320 --> 01:03:22,320
And the first one are the understanding pages.

01:03:22,320 --> 01:03:28,320
And understanding pages are basically the explainers to individual success criteria.

01:03:28,320 --> 01:03:30,320
And what success criteria are.

01:03:30,320 --> 01:03:33,320
We'll talk about that in two weeks.

01:03:33,320 --> 01:03:45,320
And they basically give you a list of things that you need to understand to, like, apply those criteria, that information to accessibility testing.

01:03:45,320 --> 01:03:50,320
And then there are techniques which are basically just examples.

01:03:50,320 --> 01:03:56,320
How to meet or fail a specific WCAG success criterion.

01:03:56,320 --> 01:04:01,320
And, you know, sometimes they are more hands on and sometimes they are a little bit weak.

01:04:01,320 --> 01:04:03,320
And those are all additional information.

01:04:03,320 --> 01:04:07,320
They are not core of WCAG.

01:04:07,320 --> 01:04:08,320
Yeah.

01:04:08,320 --> 01:04:23,320
And if you want to learn more about WCAG and stuff, because you can't wait the two weeks, then you can look up the web content accessibility guidelines WCAG overview on the W3C website.

01:04:23,320 --> 01:04:29,320
Which gives you, like, the high level, like, overview of, like, what WCAG is and how it's, like, built up.

01:04:29,320 --> 01:04:32,320
But I will talk about that in two weeks anyway.

01:04:32,320 --> 01:04:37,320
And, yeah, that's all I have.

01:04:37,320 --> 01:04:54,320
But, like, this is, like, you know, the really high level why WCAG is important and why we are, you know, when we talk about accessibility, you basically cannot not talk about WCAG.

01:04:54,320 --> 01:04:57,320
>> Nice.

01:04:57,320 --> 01:05:00,320
>> That was really, like, the high level really quick one.

01:05:00,320 --> 01:05:01,320
>> Nice.

01:05:01,320 --> 01:05:02,320
Perfect.

01:05:02,320 --> 01:05:04,320
Jakob thinks it sounds really exciting.

01:05:04,320 --> 01:05:07,320
That's a good sign.

01:05:07,320 --> 01:05:08,320
>> That's good.

01:05:08,320 --> 01:05:11,320
The next step is then we will read the phone book.

01:05:11,320 --> 01:05:17,320
And then we will read, you know, very boring, like, laws and stuff.

01:05:17,320 --> 01:05:21,320
That's how exciting it is.

01:05:21,320 --> 01:05:23,320
>> Nice.

01:05:23,320 --> 01:05:31,320
>> It will likely be parts of this course where you feel like you already have some strong knowledge.

01:05:31,320 --> 01:05:39,320
And it might be a bit of repetition and might be a bit, like, oh -- and then other parts where it's, like, oh, this is all new.

01:05:39,320 --> 01:05:48,320
And, oh, let's say you're not a developer and some of the techy stuff is a bit tricky to follow along in.

01:05:48,320 --> 01:05:50,320
And that's completely fine.

01:05:50,320 --> 01:06:03,320
You might not -- or you will not need to know all the nitty-gritty details of the things that maybe you, Eric, talk about when you dive into the WCAG guidelines.

01:06:03,320 --> 01:06:11,320
Just -- but you'll probably get a sense of what you can do and what you can't do and what the pitfalls are and stuff like that.

01:06:11,320 --> 01:06:13,320
So just be okay with that.

01:06:13,320 --> 01:06:23,320
And if you're maybe a developer, maybe the more strategic parts will be a bit newer and a bit outside of your comfort zone or the design parts and whatnot.

01:06:23,320 --> 01:06:35,320
But, yeah, that's what we've gotten some feedback about earlier, that, yeah, some people feel a bit afraid when they don't follow along in the details of a specific topic.

01:06:35,320 --> 01:06:37,320
And just be, like, that's completely fine.

01:06:37,320 --> 01:06:40,320
You can use the tutoring sessions to ask us.

01:06:40,320 --> 01:06:45,320
You're probably not alone in that feeling.

01:06:45,320 --> 01:06:52,320
And you don't need to understand every single detail about the more technical things.

01:06:52,320 --> 01:06:54,320
That's what I would say.

01:06:54,320 --> 01:06:55,320
>> Yeah.

01:06:55,320 --> 01:06:58,320
And, you know, we sometimes explain stuff not well.

01:06:58,320 --> 01:07:00,320
You know, that can happen.

01:07:00,320 --> 01:07:02,320
Like we are not perfect.

01:07:02,320 --> 01:07:04,320
Well, humpuses.

01:07:04,320 --> 01:07:05,320
>> Yeah.

01:07:05,320 --> 01:07:07,320
Why are you talking like that?

01:07:07,320 --> 01:07:08,320
>> Obviously.

01:07:08,320 --> 01:07:15,320
But so if you have a question, you know, feel free to put it in Slack and say, like, hey, I wondered about this and that.

01:07:15,320 --> 01:07:19,320
Because trust me, I've been in those situations.

01:07:19,320 --> 01:07:22,320
You think you are the only person who didn't understand something?

01:07:22,320 --> 01:07:27,320
There are probably, like, dozens who didn't understand it.

01:07:27,320 --> 01:07:31,320
At least that's, you know, that's how I feel sometimes.

01:07:31,320 --> 01:07:33,320
So, yeah, feel free to put it out.

01:07:33,320 --> 01:07:36,320
And, you know, we do -- we are flexible.

01:07:36,320 --> 01:07:49,320
Like if we have, like, a live lesson to, like, a specific topic, and then afterwards there is, like, discussion around that in Slack, we can talk about that.

01:07:49,320 --> 01:07:57,320
Like in the live tutoring time for the next week, we can pick that up.

01:07:57,320 --> 01:08:00,320
And make sure that, you know, this is understood.

01:08:00,320 --> 01:08:06,320
I did that last time, I think one or two times where I was, like, oh, this I must not have explained it correctly.

01:08:06,320 --> 01:08:16,320
Like, let's take a step back and try to explain it in a different way that might be a little bit easier to understand or, like, easier to understand for some people.

01:08:16,320 --> 01:08:18,320
So, you know, don't be shy.

01:08:18,320 --> 01:08:20,320
We won't bite.

01:08:20,320 --> 01:08:24,320
One of the reasons is because there's, like, you know, internet and stuff between us.

01:08:24,320 --> 01:08:26,320
So it's hard.

01:08:26,320 --> 01:08:31,320
But, yeah, we just, you know, it's totally fine.

01:08:31,320 --> 01:08:33,320
Just reach out.

01:08:33,320 --> 01:08:35,320
>> All right. Nice.

01:08:35,320 --> 01:08:37,320
And, yeah, let's wrap up.

01:08:37,320 --> 01:08:47,320
So next time, like the next steps will be the videos for next week are already published on Canvas.

01:08:47,320 --> 01:08:49,320
So try and get on there.

01:08:49,320 --> 01:08:56,320
And if you have trouble, ask us or Madeleine maybe preferably.

01:08:56,320 --> 01:09:02,320
Usually we post them on Thursdays, but we've already done this, yeah, first version.

01:09:02,320 --> 01:09:05,320
So you can jump into those whenever you want.

01:09:05,320 --> 01:09:11,320
Then on Tuesday it's this lesson, lektion, or live tutoring with me.

01:09:11,320 --> 01:09:20,320
We're going to talk about the concept, like, keyboard navigation and, yeah, that's what the videos will be about.

01:09:20,320 --> 01:09:25,320
And then, yeah, we'll see each other on Slack meanwhile between the sessions.

01:09:25,320 --> 01:09:33,320
You don't have to come to the live sessions, but it's always nicest when people come there and bring your questions.

01:09:33,320 --> 01:09:39,320
We will, like, start by saying are there questions, bring them up.

01:09:39,320 --> 01:09:43,320
Otherwise we usually have some exercises planned as well.

01:09:43,320 --> 01:09:49,320
But, like, bring your questions or reflections from the week that has gone.

01:09:49,320 --> 01:09:51,320
Yeah, I think that's it.

01:09:51,320 --> 01:09:58,320
Any questions, reactions, anything from you guys?

01:09:58,320 --> 01:10:05,320
This is a great time to boo at us, you know, shout at us, like, you know, just let it all out.

01:10:05,320 --> 01:10:08,320
We can take it.

01:10:08,320 --> 01:10:15,320
You don't have to let us know if you're not coming to the live sessions.

01:10:15,320 --> 01:10:21,320
It's more like book a tutoring time if you want to.

01:10:21,320 --> 01:10:30,320
Yeah, let's say you can't come to any of the live sessions and you want some kind of one-on-one tutoring, book tutoring times for that.

01:10:30,320 --> 01:10:32,320
But, no, you don't have to tell us.

01:10:32,320 --> 01:10:37,320
Some people last year, last version was like there was one person who didn't come to a single one.

01:10:37,320 --> 01:10:39,320
And he did fine.

01:10:39,320 --> 01:10:44,320
He made sure to look at the videos and sent a lot of Slack messages to us.

01:10:44,320 --> 01:10:46,320
You can do that.

01:10:46,320 --> 01:10:49,320
But, yeah, I'd suggest coming to them.

01:10:49,320 --> 01:11:04,320
Yes, and just like if you can never make the Tuesdays for live tutoring or for booking tutoring, we can be flexible and book other times.

01:11:04,320 --> 01:11:21,320
And just saying that, like, you know, if you say, like, oh, I can never do Tuesdays afternoons because I have, like, this tea time with my mom or something like that, you know, feel free to ping us in Slack and say, like, hey, you know, I'd like to have a tutoring time.

01:11:21,320 --> 01:11:28,320
You know, what can you do, like, on, I don't know, Thursday mornings or something like that.

01:11:28,320 --> 01:11:34,320
We're able to, like, to make that work.

01:11:34,320 --> 01:11:40,320
How does the attendance take place today?

01:11:40,320 --> 01:11:57,320
I'm not really sure. If it's some task thing that they need to check who was here, I guess they will check the Zoom meeting attendance list. But we're not going to, like, tick off people who come to these sessions and stuff like that.

01:11:57,320 --> 01:12:05,320
But maybe there's something at the start of the course. Ask Madde about that.

01:12:05,320 --> 01:12:17,320
Yes, we trust that everyone who has signed up for the course is motivated enough to either be there for the live sessions or watches the videos afterwards.

01:12:17,320 --> 01:12:31,320
Or read through the transcripts or anything like that, you know. There's no set thing, like, you know best what you need. And, you know, that's, you know, we trust you with that.

01:12:31,320 --> 01:12:39,320
But if there's technically something that you need to, like, sign and do, then you have to do that. But we don't know about that.

01:12:39,320 --> 01:12:49,320
All right, cool. Let's keep the conversation flowing in Slack. So, see if you can, if you haven't gotten access there, then you need to contact Madde about that.

01:12:49,320 --> 01:12:59,320
But when you're in there, you'll get, like, a continuous flow of things. We'll probably ping you before the session starts and paste the Zoom link there again and that sort of thing.

01:12:59,320 --> 01:13:10,320
So get into Slack and let's keep in touch there. But thanks everyone for coming this first day. And, yeah, we're looking forward to this course together with you. It will be fun.

01:13:10,320 --> 01:13:14,320
Thank you. Thank you. Thank you so much.

01:13:14,320 --> 01:13:19,320
Thank you.

01:13:19,320 --> 01:13:22,320
All right, let's go.

01:13:22,320 --> 01:13:25,320
Awesome.