Difference between revisions of "Web Accessibility:Navigation"

From WolfTech
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Web toc:Access}}
 
{{Web toc:Access}}
HTML tables are container elements for presenting tabular data in a grid format. As tables can also provide a way to control the placement (alignment and position) and layout of content objects on the web page, they soon evolved into the primary layout tool for web pages to control and manage the visual aesthetics of all types of content.
+
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:'''
  
 
----
 
----
  
The recommended design construct is to separate presentation from content using CSS for layout, however carefully designed layout tables, when used judiciously, can be a very useful tool for page layout to address browser compatibility and other issues.
 
 
*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

Latest revision as of 16: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