Join James Williamson for an in-depth discussion in this video Ensuring accessibility, part of CSS: Styling Navigation.
While writing valid semantic HTML is important, making sure that your content is accessible…to everyone is just as important.…Now thankfully those two things go hand in hand. So let's take a look at a few things…that you can do to ensure the links on your sites are accessible.…To do that I've opened up the accessible.htm file, which is found in the 01_02 directory.…And the first thing I am going to do is open this page up in a browser. Because not only…does it serve as our exercise files, but it also has all of the talking points that we're…going to be using as we go through this exercise.…
Now the first thing I want to talk about are these Skip navigation links. These have been…around for a very, very long time, and there's a lot of sites out there that use these.…But they've sort of become one of those things that people just sort of assume you know,…so people just don't even cover Skip navigation and sometimes people don't find out about…them until much later on down the line.…Well, essentially, the tops of most pages are taking up with a lot of navigation.…
- Organizing menus with lists
- Creating block-level links
- Styling links, link states, and image links
- Defining link dimensions
- Controlling link spacing in a menu
- Creating rollovers
- Clearing floats
- Indicating current pages
- Controlling cursor states
- Building dropdown menus
- Creating CSS-only buttons
Skill Level Beginner
1. Structuring Navigation
2. Link Styling Basics
3. Creating a Vertical Menu
4. Creating Horizontal Menus
5. Dropdown Menus
6. Enhancing Navigation with CSS
Additional resources6m 29s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.