Tools and info to get your website accessible and WCAG Compliant: [ Ссылка ]
Unlock the WCAG walkthroughs for level AA compliance, get accessibility web development training, and additional tools training in the Accessibility Academy: [ Ссылка ]
Are you a digital agency? Join our Partner Agency Program! [ Ссылка ]
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.
![](https://s2.save4k.ru/pic/oopGGMcJCnU/maxresdefault.jpg)