首先介绍你的主要内容

日期:2011年08月27日

基于CSS的布局使用一个纯粹的主要优点之一是它很容易重新排列不影响视觉布局内的元素的 HTML源,使您的主要内容显示,而页面的其余部分仍然加载。但是,据我所知,大部分网站仍然使用基于表的布局,所以这个技巧很适合你。

如果你有一个基于表格的布局,沿左侧导航栏中,正在提交您的导航栏,如盲人用户马库斯和成龙之前,你的主要内容。有没有办法来形容这是一个问题的多少,你要看到自己 :

  1. 样品基于表的布局。
  2. 修改后的布局,内容的第一。应该看看这两个布局基本上是相同的可视化浏览器,但在山猫,差别是显而易见的的 。
  3. 原始布局,猞猁呈现。
  4. 修改后的布局,猞猁呈现。显示其主要内容是第一次,然后在导航栏。

你不需要从头开始重新设计你的整个模板,以避免这个问题。(相对)简单的技术,亲切地称为“表把戏”,可以提出你的主要内容,同时仍保持在左侧的导航栏。

谁因此获益?

  1. Marcus从中获益了 。正如上面的例子表明,猞猁显示内容的顺序,在它出现在HTML源代码 。这意味着马库斯必须通过您的整个导航栏滚动,他每次访问您的网页。滚动吮吸。
  2. 成龙的好处。 JAWS的山猫一样,呈现的顺序出现在内容的HTML源代码,而不是他们在屏幕上显示的顺序。随着JAWS的问题更是雪上加霜,因为成龙必须坐下通过JAWS 读你整个的导航栏,在聆讯前任何实际的内容,以及有没有直接跳到主要内容的最好方法。(我们将讨论在周一的有关这一问题的更多信息。)
  3. Google从中获益了 。谷歌提供了更多的内容更接近页面顶部的重量 。这是你的顶部的HTML源代码,而不是页面的视觉顶部 。事实上,大多数的人知道这种技术在搜索引擎优化行业,对他们来说,无障碍的好处是次要的。

怎么办呢

查看山猫查看器在自己的网站,如果你的日常职位导航栏前,将首先显示 。Movable Type的默认模板,得到它的权利;如果您使用默认模板或在此基础上的东西,你可能就不需要做任何事情。但查看您的网站在山猫Viewer无论如何,因为它会给你一个更深入地了解所涉及的问题 。

如果您正在使用的默认无线电模板,您可能需要调整您的表,首先把你的主要内容 。有没有具体的复制和粘贴的方式做到这一点,你将不得不钻研自己的模板,看看表的结构。样品布局和修改后的布局示例显示了基本的技术。

Tags:体验设计 企业网站建设
上一篇文章:网站建设时选择一个文档类型
下一篇文章:网站建设中注意:回到首页