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.