Additional Coga Info

Back to Overview
00:00 --> 00:10
Let's talk about additional COGA info. And what I mean by COGA is the Cognitive and Learning Disabilities Task Force from W3C.

00:12 --> 00:24
COGA is important because these are users with cognitive and learning disabilities and they are not very well represented in what WCAG 2 does.

00:24 --> 00:33
and this has been a long time like contentious thing so now we're getting these things called

00:33 --> 00:41
supplemental guidance and this supplemental guidance basically adds to WCAG in terms of like

00:41 --> 00:51
oh what else can you do to address the needs of people who are who have cognitive disabilities or

00:51 --> 00:57
who have a learning disability. And this is like, it's super important stuff, like the

00:57 --> 01:06
supplemental guidance has a lot of interesting things on it. I don't think everything is like

01:06 --> 01:11
super relevant for this discussion today. But you know, if you want to extend beyond WCAG,

01:12 --> 01:20
in terms of best practices, this is a great way to say like, okay, from the actual testable criteria,

01:20 --> 01:29
What else can we do? And I've picked some examples here from those supplemental guidance documents.

01:29 --> 01:42
First one is make each step clear. So if you have a step-by-step process, you might want to

01:42 --> 01:49
introduce breadcrumbs, you might want to have headings that say like, okay, this is the first

01:49 --> 01:54
thing you need to do, this second thing you need to do, this is the third thing you need to do.

01:55 --> 02:01
And as the third example they have a "how I get here" button that basically tells

02:01 --> 02:05
then the user "oh you've been at this page and that page and this is why you are here now",

02:06 --> 02:12
which can be useful. I've never seen that implemented on a website but I would like it.

02:14 --> 02:20
The second design principle is make it easy to find the most important tasks and features.

02:20 --> 02:37
And this is something that often people do automatically or think they are doing automatically on their websites because they have like intro banners and other things that they want users to click on.

02:37 --> 02:55
And it's usually good for the business, right, to have those kinds of tasks because that's usually what you want people to click on and do.

02:56 --> 03:00
So the key tasks, you always should put them on the homepage.

03:00 --> 03:08
You should use callout boxes for those features and give them an important visual weight.

03:09 --> 03:14
You want to keep them on the top of the page so you can find them quickly and don't need to scroll.

03:16 --> 03:26
And you want to use headings and maybe even include them into the top navigation, like top-level navigation, if they are so important.

03:26 --> 03:38
And this is like where you need to come in and do your user testing and your user interviews and say like, hey, what did you want to do and what was the way that you went through the page?

03:39 --> 03:40
What is the task?

03:40 --> 03:44
And then say like, yeah, okay, how can we surface this earlier?

03:44 --> 03:48
How can we make your journey easier to get this task done?

03:48 --> 04:03
Because obviously, if you have a cognitive disability or if you're just like a stressed parent or something like that, you always have your limited time to do these kinds of interactions.

04:03 --> 04:16
And if you can't do it in that time window that you have, and that might only be like, you know, 15 minutes because you feel exhausted or you don't have the time or headspace for that after that.

04:18 --> 04:23
That can really make the difference between getting a task done or not getting it done.

04:23 --> 04:32
So making important stuff visible and obvious is super needed.

04:33 --> 04:34
Break media into chunks.

04:35 --> 04:46
So if you have long media segments, you want to make sure that you have them in a logical, short, labeled, easy to identify, and easily jump to order.

04:46 --> 04:49
and you can jump around.

04:49 --> 04:53
Like we split these recordings up exactly for that reason.

04:54 --> 04:59
So you have an easier way to get around and find what you're looking for.

05:01 --> 05:03
Next one is use clear words.

05:04 --> 05:06
Clear words are super important.

05:06 --> 05:21
And you have to make sure to really limit yourself to the most common words, especially if you are trying to reach a broad audience.

05:21 --> 05:30
So in general, if people have a severe language impairment, then you want to concentrate on the 1500 most common words and phrases.

05:32 --> 05:38
And sometimes you need to get around it and explain something that is more complex.

05:39 --> 05:45
But you then have to explain it in those simple terms or clearer terms.

05:46 --> 05:51
You want, in that same vein, you want to remove unnecessary or vague words.

05:51 --> 06:03
This is especially important for people with ADHD or who have other cognitive disabilities who take things very literally.

06:05 --> 06:18
You know, you might, if it says like, oh, bring your passport and other documents, they might, rightly so, I might add, say like, oh, what are those other documents?

06:18 --> 06:25
And if that's not in there, you know, it creates a barrier for doing what needs to be done.

06:26 --> 06:30
You want to remove or explain uncommon acronyms, abbreviations, and jargon.

06:30 --> 06:32
We already talked about that.

06:32 --> 06:32
It's super important.

06:34 --> 06:36
And you for sure should be doing that.

06:38 --> 06:42
You should not invent new words or give words new meanings in your application.

06:43 --> 06:45
Yeah, that's good advice.

06:45 --> 06:50
I wish, you know, the accessibility people would do this sometimes.

06:50 --> 06:58
Speaking of redefining what text means.

06:58 --> 07:02
Then you want to use simple tense and voice.

07:02 --> 07:16
You don't want to like go into too many details and, you know, using like tenses that are like uncommon.

07:17 --> 07:27
So use something like your stock spent up last month and don't do something like over the last month we saw your stock increasing.

07:27 --> 07:32
You know, it's like this is more complicated than it needs to be.

07:32 --> 07:46
So just make it, uh, make it simple and make it present tense if it's in the present, uh, and don't, uh, don't put too much, uh, a complication into it.

07:46 --> 07:54
Uh, in a similar vein, uh, next one, avoid double negatives or nested clauses, especially when writing English.

07:55 --> 08:03
It's so easy to do, like having those double negatives in there or having like super long sentences with commas and conjunctions.

08:03 --> 08:06
It's something that English likes to do a lot.

08:07 --> 08:17
I think, well, I don't know about Swedish, but in German you have more often you have like these more simple sentences.

08:18 --> 08:21
And I think that's actually quite good.

08:21 --> 08:25
So try to avoid the double negatives and nested clauses.

08:25 --> 08:29
So don't write something like, do not write unclearly.

08:29 --> 08:32
I don't know who would say something like that.

08:32 --> 08:35
Like, write clearly is just better.

08:37 --> 08:39
So time is not unlimited.

08:39 --> 08:44
Okay, I can see that in like something like a game show.

08:44 --> 08:46
You have like, time is not unlimited.

08:46 --> 08:47
Get, you know, get going.

08:48 --> 08:51
But in reality, you want to say time is limited.

08:51 --> 08:52
You're done.

08:52 --> 08:53
It's so easy.

08:54 --> 09:07
And then like the long sentences, something like, usually clauses will be separated by two commas, one before and after, or the word or, or the word and.

09:08 --> 09:13
And so you could replace the sentence with a list of options or even more than one paragraph.

09:13 --> 09:13
Yeah.

09:14 --> 09:15
Just rip them apart.

09:15 --> 09:19
Say, usually clauses will be separated by two commas, full stop.

09:20 --> 09:23
One comma before and one after the word, full stop.

09:27 --> 09:29
You know, and so on and so forth.

09:29 --> 09:39
So you want to just slice and dice those sentences because they are terrible to read and terrible to understand.

09:42 --> 09:44
You also want to avoid literal language.

09:45 --> 09:51
So this is basically like the inverse of the, oh, you don't want to make it too general.

09:52 --> 09:57
But some people want or some people take everything very literally.

09:58 --> 10:06
And so you want to make sure that they can understand what you're saying.

10:06 --> 10:14
So, for example, avoid something like, if you are experiencing cold feet before starting, take a deep breath and jump in.

10:14 --> 10:21
So in this case, what does cold feet mean? What does deep breath and jumping in mean?

10:21 --> 10:30
That's like, okay, these are metaphors and some people have a harder time understanding those metaphors.

10:30 --> 10:37
and can also be different when you come from different like social societal or linguistic

10:37 --> 10:43
backgrounds you know something that is an easy thing for me to understand might not be an easy

10:43 --> 10:50
thing for other people to understand so you want to be as literal as possible I guess

10:50 --> 10:58
as as descriptive as possible so in this case they use as an alternative if you are experiencing

10:58 --> 11:04
anxiety disorders before starting take a deep breath tell yourself you can do it and get started

11:04 --> 11:11
anxiety can include nervousness fear dizziness or shortness of breath which i think i think this is

11:11 --> 11:20
way too long for what it tries to do but uh you know it's a good effort so um yeah so i would

11:20 --> 11:28
probably say something like if you feel anxious before starting you know take a deep breath and

11:28 --> 11:35
tell yourself that you can do it and then get started so that that's what i would do i would

11:35 --> 11:41
not be too specific here because you want to balance that right this is this is like the big

11:41 --> 11:51
challenge of these types of guidance is that you need, and you must balance it with the, with the

11:51 --> 11:59
other things like simple language and keeping stuff succinct. Talking of, keep text succinct.

11:59 --> 12:05
That's the other design principle here. So you want to keep paragraphs short, you want only to

12:05 --> 12:15
to have one topic in each paragraph. You try to have the aim, so the central point of the paragraph

12:15 --> 12:24
at the beginning. So always front load. If you can, you want to use short sentences and have

12:24 --> 12:31
only one point per sentence. You want to use a bulleted or numbered list. And you want to have

12:31 --> 12:38
short descriptive headings. So, you know, keeping it tight, tight. That's the important thing here.

12:42 --> 12:47
Then you want to use clear, unambiguous formatting and punctuation. So you want to, you know,

12:47 --> 12:54
use your language and make sure that that is proper in your content. You want to use punctuation

12:54 --> 13:01
that is correct for the language that you're writing in. So if you have different ways to have

13:01 --> 13:09
like quotes, you want to make sure that you reflect that. And you want to avoid the use

13:09 --> 13:19
of Roman numerals, because they are just hard to read. So you also want to provide a summary of

13:19 --> 13:25
long documents and media to users. And that means providing a text summary, as we have talked about

13:25 --> 13:30
before that can be understood by people with a lower secondary education level.

13:32 --> 13:35
But also reading ability, of course.

13:36 --> 13:42
But also just catering to people who have not an attention span that is too long.

13:42 --> 13:48
So keeping things short into and summarizing it into summarizations.

13:49 --> 13:50
That's super useful.

13:51 --> 13:56
And you always want to include the main points from the content in the summary.

13:56 --> 14:01
So basically going through the summary should give them all the information,

14:02 --> 14:11
at least all the key information that is in the full text or in the full medium.

14:17 --> 14:29
If you have something that has instructions, make sure to include all the steps, including the obvious ones. Use numbers and lists to make sure that, OK, this is how this goes.

14:30 --> 14:35
You want to provide complex instructions in an if-then table.

14:35 --> 14:41
So that is basically you have on the left, if this happens, then on the right that happens.

14:41 --> 14:43
And then you have other ifs and thens.

14:43 --> 14:54
And that can be useful for things like medicine information where you have like symptoms and then how to remediate them and stuff like that.

14:55 --> 14:57
And you want to use graphics as visual aid.

14:57 --> 15:10
And if you want to really have a good look into how to best do some of these things, look at an IKEA building instruction, look at a Lego building instruction.

15:10 --> 15:21
They really have that nailed down and it's always interesting to compare them to other things that have instructions.

15:21 --> 15:40
Because, I mean, as much as IKEA is a furniture company and LEGO is a brick company, they are also instruction companies, like, you know, 99% of their work, I guess.

15:40 --> 15:49
goes into like honing and making those instructions better and that's really a lot of good stuff going on there.

15:53 --> 16:05
Then you want to use whitespace. Whitespace is the space between objects and text including boxes, paragraph headings and content so that each section is clearly separated.

16:05 --> 16:16
And we have seen that with the headings, you want to have space around that, a little bit more space at the top, a little bit less space at the bottom, so that it's clear what belongs together.

16:16 --> 16:18
So that's what white space can do.

16:19 --> 16:27
And it's a super important visual concept that you should adhere to.

16:30 --> 16:35
Then in some circumstances, it might be needed to explain implied content.

16:36 --> 16:42
And implied content includes things that are graphics that, when used alone,

16:43 --> 16:46
identifies that something is important or should be remembered.

16:46 --> 16:49
Or it can be something like sarcasm in text.

16:49 --> 16:54
So sometimes on Twitter, you have the little slash S behind the tweet.

16:54 --> 16:55
So you know that it's sarcasm.

16:56 --> 17:04
And that can be useful because some people have a hard time telling sarcasm and non-sarcasm apart.

17:05 --> 17:13
Then you want to use animations to add importance or communicate something contrary to the literal meaning of the paired text.

17:13 --> 17:28
So if you have, you know, text and then you contract that with an image or with a description, then you want to make sure that that's available to people.

17:32 --> 17:37
Then there's provide alternatives for numerical concepts.

17:37 --> 17:45
And that's basically just making sure that you have non-numerical concepts when you are describing something.

17:46 --> 17:54
So, for example, if it is 20 degrees Celsius, we all know that that's actually quite mild, nice weather.

17:55 --> 17:58
But, you know, you can't just imply that.

17:58 --> 18:08
some people have because of things like dyscalculia, which is basically the same thing as dyslexia.

18:08 --> 18:16
But for numbers, they can't as easily make the connection between a number and a feeling

18:16 --> 18:18
like hot, cold, warm and stuff like that.

18:19 --> 18:27
So that's why you usually get like a little icon next to the temperature that defines

18:27 --> 18:32
if something is warm or if this weather is good.

18:33 --> 18:36
So in this case, you want to say like,

18:36 --> 18:38
hey, it's a mild 20 degrees and you're done.

18:39 --> 18:41
And then we come to the last

18:41 --> 18:46
and probably most ironic of these design principles,

18:46 --> 18:48
and it's avoid too much content.

18:49 --> 18:50
And there's that description,

18:51 --> 18:54
which I will try to summarize as best as I can.

18:54 --> 18:57
So they want you to avoid long paragraphs,

18:57 --> 19:09
lots of choices and non-meaningful imagery because that ensures those with cognitive and learning disabilities can not concentrate on the important points being made.

19:10 --> 19:13
So basically make it as bare bones and not overwhelming.

19:14 --> 19:20
So short bullet points, again, limiting to one or two images related to the main subject area.

19:22 --> 19:27
And just, you know, being sure that it's easy to digest what's on the page.

19:29 --> 19:32
And this obviously is for unnecessary information.

19:32 --> 19:39
So not asking you to add too much flourish and distraction to it.

19:41 --> 19:48
And it's important to know that too much information or instruction can be just as much of a hindrance as too little.

19:48 --> 20:01
So you really want to strike a good balance there and to use a testing with your content and to get into the best practice what's right for you and for the content that you provide.

20:02 --> 20:13
And the goal is, as they say, to make certain that enough information is provided without undue confusion or navigation, which, you know, that makes a lot of sense.

20:13 --> 20:22
So basically reduce the content that you put out there, but make it very good because then everyone benefits from it.

20:22 --> 20:23
Thank you.