Giving navigation links proper focus with style


show more Giving navigation links proper focus with style provides you with in-depth training on Business. Taught by Morten Rand-Hendriksen as part of the Improving SEO Using Accessibility Techniques show less
please wait ...

Giving navigation links proper focus with style

You can add what's called pseudo-classes to active elements on your site to make them more interactive. The most common pseudo-classes are found when interacting with links. The hover class is probably the most common among them, and it's one that's activated every time you hover your mouse over a link. One pseudo-class that doesn't get the attention it deserves is the focus class. Focus can be given to an item with a keyboard or another interaction device and should be treated with the same level of importance as the other pseudo-classes. This is especially true if you're creating menus.

Always assume people will try to navigate your menu using the tab button. If you don't have a focus pseudo-class defined in your style sheet, they won't know what menu item they are actually on. This brings me to an important point. When we're talking about accessibility, we are not just talking about people who can't see what's on your site, like people with seve...

Giving navigation links proper focus with style
Video duration: 4m 39s 2h 29m Intermediate

Viewers:

Giving navigation links proper focus with style provides you with in-depth training on Business. Taught by Morten Rand-Hendriksen as part of the Improving SEO Using Accessibility Techniques

Subjects:
Business Web
Author:
please wait ...