Difference between revisions of "Web Accessibility:Navigation"
Jump to navigation
Jump to search
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{Web toc:Access}} | {{Web toc:Access}} | ||
| + | On web pages, hyperlinks are used to help users move within a document, to other pages within a site or to other pages on the web. They are activated by user action and can be associated with text, graphic/multimedia buttons or image maps. The links can be embedded within the text of the document or grouped to form a menu of navigational elements. Good navigation design helps the visitor easily find what they seek. | ||
| + | |||
| + | '''Below you will find a list of recommended best practices that will make your web pages more accessible:''' | ||
| + | |||
| + | ---- | ||
| + | |||
*Provide a method to skip repetitive links | *Provide a method to skip repetitive links | ||
*Group menu links into logical sets and sub sets across the site, use <nowiki><H></nowiki> tags for each group heading | *Group menu links into logical sets and sub sets across the site, use <nowiki><H></nowiki> tags for each group heading | ||
| Line 5: | Line 11: | ||
*Label links so that they make sense when removed from context | *Label links so that they make sense when removed from context | ||
*Avoid duplicate link names | *Avoid duplicate link names | ||
| + | |||
| + | ---- | ||
| + | '''Resources''' | ||
| + | |||
| + | [http://www.smartisans.com/articles/web_navigation.aspx] Seven steps to easy navigation | ||
| + | |||
| + | [http://www.ahref.com/guides/design/199808/0831jef.html] Designing Web Navigation | ||
| + | |||
| + | [http://user-experience.org/uefiles/breadcrumbs/] Breadcrumbs | ||
| + | |||
| + | [http://webdesign.about.com/cs/webnavigation/a/aaeffectivenav.htm] Effective Web Navigation | ||
| + | |||
| + | [http://www.netmechanic.com/news/vol5/accessibility_no3.htm] Designing Accessible Navigation | ||
| + | |||
| + | [http://cita.uiuc.edu/html-best-practices/nav/] Web Accessibility Best Practices- Navigation | ||
Latest revision as of 15:10, 8 January 2007
On web pages, hyperlinks are used to help users move within a document, to other pages within a site or to other pages on the web. They are activated by user action and can be associated with text, graphic/multimedia buttons or image maps. The links can be embedded within the text of the document or grouped to form a menu of navigational elements. Good navigation design helps the visitor easily find what they seek.
Below you will find a list of recommended best practices that will make your web pages more accessible:
- Provide a method to skip repetitive links
- Group menu links into logical sets and sub sets across the site, use <H> tags for each group heading
- Develop a vertical rather than horizontal hierarchy of menu items and use <UL> tag to create list of links
- Label links so that they make sense when removed from context
- Avoid duplicate link names
Resources
[1] Seven steps to easy navigation
[2] Designing Web Navigation
[3] Breadcrumbs
[4] Effective Web Navigation
[5] Designing Accessible Navigation
[6] Web Accessibility Best Practices- Navigation