The Primary template(s) – yes, there needs to be two of them – are really important to get right because they control pretty much your entire website. If you mess up your templates, you mess up a huge chunk of your site (it can be fixed, though).
In this training you’ll learn how to create templates that lay the foundation for an accessible website, including:
* Proper semantic HTML
* Proper landmarks
* A
* The ability to place the
* A Skip Link ([view skip link code](https://circle.digitalambition.co/c/code-snippets/skip-link-css))
* Proper tab focus navigation
* Smooth scrolling fix ([view smooth scrolling code](https://circle.digitalambition.co/c/code-snippets/smooth-scrolling-css))
I also give you a little intro to testing your site with keyboard navigation as well as Apple Voiceover to see how well your site can be navigated with a keyboard and screen reader (but much more on that in a future tutorial).
What I don’t cover in this video is the menu, because sadly you can’t create an accessible mobile menu in Oxygen without add-ons. And when it comes to creating an accessible desktop & mobile menu there are multiple options, so those will be covered in separate tutorials.
NOTE: I show how to create gaps that mimic Owl spacing in the footer by using a 1 column grid technique. While it does space items out evenly and quickly, the downside is that it’s going to make them behave like block style elements. So if that’s not desirable, you’ll want to stick with Owl spacing.
