Web Design for Digital Accessibility Part 2

Web Design for Digital Accessibility Part 2

Join hosts Natalie Garza and Natalie MacLees in episode 28 of the AAArdvark Accessibility Podcast as they continue discussing web design for digital accessibility. Topics include the proper use of headings for creating meaningful hierarchy, text spacing and typography principles, consistent navigation design, considerations for limiting motion and animations, and the impact of videos in design. Learn about best practices and resources like WCAG in Plain English and the new AAArdvark Circle community.

Natalie Garza: Hello, everybody, and welcome to the AAArdvark Accessibility Podcast. This is episode 28. I’m Natalie Garza, one of the co-hosts, and with me today is.

Natalie MacLees: Natalie MacLees, the other co-host.

Natalie Garza: And she is an accessibility expert here to answer all of our questions today. So this episode is the second part of the one we did last week on web design for digital accessibility. We’re gonna pick up where we left off. So starting with the next topic, which is headings.

Natalie MacLees: Headings. Yeah. So you wanna make sure that you’re including headings in your design. And before you hand that design off to a developer, you would wanna put some annotations in the design. To let them know which heading levels should be used for each thing, and that way, you can make sure that there is a meaningful hierarchy to those headings.

So I think we’ve talked about this before, but just a quick refresher. There should be one H1 on the page, and that H1 should be the main idea of that page. So the main reason that that page exists, it’s probably going to match or be very close to the title of the page. So that’s a good hint on which heading should be the H1 on the page.

Then each section of the page should be headed up by an H2, and if you have subsections under those sections, those would be H3 and so on and so forth. You can go all the way down to an H6, although it’s pretty rare to need much past an H3 or an H4.

Natalie Garza: Yeah. And remember, headings are not stylistic choices like they’re there for a reason.

Natalie MacLees: Yes, they do make text large and bold, but they also say this is a heading for the section of content that follows. So if you just need big, bold texts because you’re putting text over an image for a big banner or something like that, you have to think about whether that makes sense for that to be a heading or not.

Like, is it actually heading up a section of content? ’cause if it’s not, it should probably just be a paragraph that’s styled to be big.

Natalie Garza: All right, so those are headings next on the list. Text spacing kind of goes hand in hand.

Natalie MacLees: Yeah, and I would even maybe call this typography. So there are only a few official WCAG rules that deal with text and typography. Shockingly few, if you ask me, actually, because there’s no rule around minimum font size, for example, which is kind of surprising. And there are no rules around which typefaces you choose. And obviously, a typeface can be pretty difficult to read, for anybody like, let alone somebody who may have a learning disability or a reading disability.

But we do have a few rules around line heights. You wanna make sure...

Jaksot(25)

WCAGs Cousins – ATAG, UAAG, PDF/UA

WCAGs Cousins – ATAG, UAAG, PDF/UA

Join Natalie and Natalie in the twelfth episode of the AAArdvark Accessibility Podcast as they explore the lesser-known cousins of WCAG: ATAG, UAAG, and PDF/UA. They discuss the importance of these guidelines for authoring tools, user agents, and PDFs and explore how implementing them can significantly enhance web accessibility. The episode also touches on the real-world implications and the responsibilities of tool developers in creating accessible software. Natalie Garza: Hello, everybody, and welcome to this episode of the AAArdvark Accessibility Podcast. My name is Natalie G, and with me today is, Natalie MacLees: Natalie MacLees. Natalie Garza: Yes, thank you for joining us today, Natalie. Natalie MacLees: Thanks for having me. Natalie Garza: Yes, this is the twelfth episode, and in this podcast episode, we’re gonna talk about WCAG’s cousins. Let’s talk about cousins. They are ATAG, UAAG, and PDF/UA. Natalie MacLees: Yeah, I’m pretty sure those are the official names. Natalie Garza: Yes, we’re gonna go over each one. Natalie MacLees: The other accessibility guidelines. Natalie Garza: Yes, the not-so-mentioned, often forgotten, but they’re here, and we’re gonna talk about them. Alright, Natalie, what is, what is WCAG? It’s just a refresher for our audience.  Natalie MacLees: WCAG, W C A G, stands for the Web Content Accessibility Guidelines, and it’s what applies to any kind of online content or software, even though the name is web content. So like online web apps and things like that, it also applies. Natalie Garza: Yes, and I feel like if you put any attention into the accessibility space, that’s all you hear. WCAG this, WCAG that. Natalie MacLees: Yes, you do hear it a lot. People talk about WCAG a lot and they don’t talk about its cousins. Natalie Garza: What are the cousins, Natalie? We want to start with ATAG? Natalie MacLees: I usually say A-TAG, but okay, we can call it whatever you want. ATAG, Authoring Tool Accessibility Guidelines. You’ll notice they all end in A G because they’re all accessibility guidelines. And this is a set of guidelines meant for authoring tools. So things like your favorite CMS. Whether that’s Drupal, WordPress, Wix, Weebly, Squarespace, etc. There’s literally hundreds of them at this point and ATAG should be applying to all of these things. Unfortunately, it is not very evenly implemented. And ATAG aims to do two things with an authoring tool. Number one, it aims to try to make sure that people with disabilities can use the tool. And, so in that way, it’s all of the WCAG rules just applied to, you know, the admin editing interface of, you know, WordPress or whatever to make sure that if you’re using a screen reader or your keyboard only, or, you know, whatever kind of assistive technology you’re using, you can go in and write blog posts and add images and all of those kinds of things. The other part of ATAG is to help you, as an author, make sure that your content that you’re creating is accessible. And so it should have little tips and little warnings that show up. If you try to put white text on a pale yellow background, you should see some kind of warning come up that just says, “Oh, hey, you might want to pick a different color here. This isn’t accessible.” It should have little reminders, “oh...

21 Helmi 31min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
rss-rahamania
ostan-asuntoja-podcast
yrittaja
pari-sanaa-lastensuojelusta
rss-lahtijat
herrasmieshakkerit
rss-lentopaivakirjat
rss-paasipodi
pomojen-suusta
lakicast
rss-myynti-ei-ole-kirosana
rss-sensuroimaton-kukkonen-kausi-3
rss-seuraava-potilas
rss-neuvottelija-sami-miettinen
leadcast
rss-myyntikoulu