Join Joe Dolson for an in-depth discussion in this video Accessible theme guidelines: Learn about controls and keyboard navigation, part of Accessibility for WordPress.
- View Offline
- Being able to navigate a website using your keyboard…and to be able to use all of the controls you encounter…while you do it, are very important.…Keyboard navigation depends on two things.…One, being able to see where you are…while you navigate around the site, and two,…being able to activate and use every control you encounter.…One of the important things to look at…in how your site is structured…is what kind of elements you're using for web controls.…
Now, in this case, I'm going to look at one feature…that's not done at all well on this site,…and that's the trigger that shows you the search form.…In this particular version of the site,…it's only available on hover, which is a secondary problem…'cause in fact, if you look at the element that it's using,…by using the browser's Inspect Element feature,…you'll find out that this is a div.…Now, a div is not one of the types of elements…that's usually used to trigger events, and because of that,…it's not recognized by the keyboard.…
It doesn't receive focus and it doesn't accept input…
This course, merging WordPress coding with accessible web design techniques, helps you make sure your website meets modern accessibility standards. You'll learn how to use the power of WordPress to quickly build a beautiful and accessible website that can be used by people with different types of abilities. Author Joe Dolson provides a broad introduction to accessibility and then focuses on practical steps to make sure your WordPress themes, plugins, and content are accessible and usable to all.
- What is web accessibility?
- Understanding the benefits of accessibility
- Building accessible forms
- Adhering to theme guidelines
- Creating accessible navigation
- Working with images, media, and other accessible content
- Integrating plugins
- Testing your site for accessibility