WCAG 2.1 Article 1.4.12

Описание: Tools and info to get your website accessible and WCAG Compliant: http://OnlineADA.com

Unlock the WCAG walkthroughs for level AA compliance, get accessibility web development training, and additional tools training in the Accessibility Academy: https://onlineada.com/academy/

Are you a digital agency? Join our Partner Agency Program! https://onlineada.com/partners/

Online ADA
Advancing Digital Accessibility

Transcription Below:

Hey everyone. Josh here with Online ADA,

bringing you another video from the WCAG

accessibility guidelines. Today we're covering

1.4.12.

This is 'Text Spacing', which is a level AA

requirement.

Let's jump in.

In content implemented using markup languages

that support the following text style properties,

no loss of content or functionality occurs by

setting all of the following and changing no

other style property.

These styles are line height, or line spacing, to

at least 1.5 times the current font

size.

Spacing following paragraphs to at least two

times the font size.

Letter spacing, tracking,

to at least

0.12 times the font size. This is low

rah, bare with me, we're almost done.

Word spacing to at least 0.16 times the

font size.

This is one of those articles you're probably

gonna wanna go look up and get these particular

numbers again.

Have them handy and make sure that you're testing

your website with these changes.

This essentially means that whatever your default

body font size and line spacing are,

you're gonna wanna test them against increasing them by

1.5 times the font size

and see if any of your text overlaps

or becomes unreadable by having overlap.

When you have headings that are typically, like,

right next to each other, especially in line,

a really good example of this would be if you have

a blog

page

that has like popular blog articles, that are sort

of in line at the bottom, like, let's say that the

three most popular or the three most visited

blog articles.

Their titles, their images and read more button.

If you increase your font size

they should

reflow

to go

into some

other formation that allows them to continue to

be read.

You don't ever want that text to overlap with

each other, because then that content becomes

unreadable.

This happens a lot on blog articles. I've seen

this, actually, a lot in my audits that I do.

It just is something you have to be aware of and

test for before

presenting your content to

the public.

I do want to point out that in this article, in

this success criteria,

which is something that the WCAG

authority provides you for understanding this

article further in the documentation,

they point out that

there are a few pieces of content that are

excluded from this rule.

One of those being

text that is embedded directly into a video

caption.

That is not required to meet this

rule.

You don't have to have the line spacing change

and reflow

in those embedded captions.

Also images of text are not required to be

modified by this style properties.

And it is also important to note that the use of

Canvas here

for HTML

is

considered to be images of text.

That's all there is for this article. I wanna

encourage you again to go take a look at that

documentation for article 1.4.12

and just have those numbers handy for yourself.

They're difficult to remember. So

keep thim by your side

when you're developing your content and make sure

you're testing for those.

Thanks for joining me and I'll see you

in the next video.