add the appropriate landmark role attribute (role="main", role="navigation", or role="search". If your site uses HTML5 <main> or <nav>, add the role to these elements.
WebAIM: Blog - 10 Easy Accessibility Tips Anyone Can Use - 0 views
-
-
Sighted keyboard users generally navigate through the links and form fields on a web page using the Tab and Shift+Tab keys on the keyboard. To help ensure they can visually identify which link or form field they have navigated to, you can add the following to your CSS file: a:focus { outline:1px solid red; background:yellow; } The colors may need to be customized to fit your site design, but they should be fairly distinctive. To take this tip one step further, you can search your CSS files for a:hover and in each instance change it to a:hover, a:focus. This will ensure that keyboard users get the same visual highlighting when they navigate to items as mouse users get when they hover over an item.
The order of link pseudo-classes matters | 456 Berea Street - 0 views
-
Common knowledge to most who have been working with CSS for a few years, but perhaps not something that relative newcomers have come across yet: the order in which you define the different link states affects the end result. I prefer the following order: :link, :visited, :hover, :focus, :active.
WebAIM: Links and Hypertext - Link Text and Appearance - 0 views
-
links are more useful when they make sense out of context
-
In most cases, it is better to use human-readable text instead of the URL.
-
The alternative text should convey the content of the image and the function of the link. In most cases, the content of the image and function of the link are the same, so this text can be very succinct (e.g, alt="Products").
- ...6 more annotations...
1 - 4 of 4
Showing 20▼ items per page