Keyboard Accessibility 101: Basics You Can’t Ignore

Keyboard Accessibility 101: Basics You Can’t Ignore

Join Natalie Garza and Natalie MacLees on the AAArdvark Accessibility Podcast as they discuss the importance of keyboard accessibility in web design. The episode highlights why some users rely on keyboards instead of mice or touchscreens and provides key insights and practical tips for ensuring websites are fully navigable via keyboard. Topics covered include the importance of using semantic HTML, testing custom components thoroughly, and understanding native keyboard interactions.

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

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

Natalie Garza: and she is a digital accessibility expert here to answer our questions on today’s topic, which is keyboard accessibility 101, the basics you can’t ignore.

So we’re gonna talk about why keyboard accessibility is important and some key notes on when you’re testing for keyboard navigation on your website.

Why Keyboard Accessibility Matters

So why doesn’t everyone just use a mouse or tap on their phones to navigate a website? Why keyboards?

Natalie MacLees: Well, not everybody can do that. Not everybody has hands. Not everybody has hands that they can move. So we have lots of different cases where people aren’t able to use a mouse or a touchscreen reliably.

So sometimes it’s limited mobility. Sometimes it can be cognitive disorders or fine motor control issues. Like you can move your hand, but you don’t have a lot of control over exactly where it goes.

If you have no vision or limited vision, you can’t see where a mouse cursor is on a screen and you can’t tell where to tap on a touch screen so you don’t have any other option other than to use a keyboard to navigate around the screen, and also sometimes just power users don’t wanna move their hand off the keyboard.

They’re going too fast. They’re setting their keyboard on fire, just going through too fast. No time to move your hand over to the mouse.

Natalie Garza: Yeah. Even everyday users like you use Control-C, Control-V to copy/paste. I’m sure a lot of people do. That’s a form of keyboard navigation too.

Natalie MacLees: Yeah, which, you know, you could do that with your mouse. You could right-click with your mouse and say copy and paste, but you could also do it with your keyboard. So anything you can do with a mouse, you can do with a keyboard.

Natalie Garza: And a lot of assistive devices, although they don’t look like keyboards, they fall under the same category as keyboards.

Natalie MacLees: They get treated as a keyboard by the computer. Yeah. As far as the computer is concerned, it’s a keyboard that’s attached. The computer can’t tell the difference.

Natalie Garza: Exactly. Alright, so that’s why keyboard and navigation are so important.

Ensuring Keyboard Accessibility on Your Website

So how do we translate that into our website? How can we make sure that people using only keyboards can access everything on a site?

Natalie MacLees: Yeah, we have to make sure that we’re not building anything that only works with a mouse. And where that usually happens is when we’re building custom components and not using semantic HTML. So the easiest fix is to just always use semantic HTML.

Whenever you can, you wanna try to do that, and HTML has gotten to be a lot more robust, a lot more powerf...

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
mimmit-sijoittaa
psykopodiaa-podcast
rss-rahapodi
ostan-asuntoja-podcast
yrittaja
rss-lahtijat
rss-lentopaivakirjat
rss-rahamania
rss-sensuroimaton-kukkonen-kausi-3
rss-paasipodi
herrasmieshakkerit
leadcast
pomojen-suusta
lakicast
rss-myynti-ei-ole-kirosana
rss-seuraava-potilas
pari-sanaa-lastensuojelusta
rss-myyntipodi
rss-kohti-unelmia