在网页设计中跳过导航到主要内容

日期:2011年06月09日

导航链接通常位于顶部或下一个Web页面的左侧。 人们通常使用屏幕阅读器将要听在谈论的主要内容向所有在顶部链接左侧上下。 更重要的是单调乏味的是,这可能发生在每一个页面上的用户访问!

因此,至关重要的是,你提供一种手段,快速绕过主导航链接获取的主要内容。

这里有两个关于如何绕过主要导航链接的提示。

图像链接的主要内容

附加一个链接到一个不重要的图像在页面顶部,并设置图像链接的目标网页的主要内容开始。 当然,你必须把一个锚附近的主要工作内容的链接区域的开头。

人们使用屏幕阅读器可以激活链接,跳转到页面的主要内容。

例如:

图像链接
<A HREF="#main_content"><IMG SRC="blank.gif" ALT="跳到主要内容"></A>

主要内容开始锚
<A NAME="main_content"></A><H1>主要内容</H1>

文本链接的主要内容

这种技术类似于“图像链接的主要内容”技术在上页中所述。 而不是添加一个图像链接,添加一个文本链接页面的顶部,并设置链接的目标为主要内容的开始。

例如:

文字链接
<A HREF="#main_content">跳到主要内容</A>

主要内容开始锚
<A NAME="main_content"></A><H1>主要内容</H1>

Tags:体验设计 企业网站建设
上一篇文章:网页设计中的色彩技巧
下一篇文章:网站建设中表单技巧