css - 与其提供 "back to top"按钮,不如用固定的页眉和页脚进行布局好吗?

标签 css xhtml usability accessibility screen-readers

与其提供“返回顶部”按钮,不如使用固定的页眉和页脚进行布局以获得更好的可用性?或者这种类型的布局对于屏幕阅读器来说可能是个问题?

像这样

http://limpid.nl/lab/css/fixed/header-and-footer

最佳答案

这将根据具体情况确定。有些页面的标题最少,但包含重要信息,而另一些页面的标题过多,其中包含无用的信息。至于屏幕阅读器,只要你的结构是一致的(并且你用 css/javascript 做粘性)我认为不会有任何问题。

请记住,粘滞的元素会占用屏幕空间。许多人在笔记本电脑和移动设备上浏览网页,屏幕空间可能比您想象的更重要。除非绝对必要,否则不要粘贴页眉和/或页脚。

也许替代方法会有所帮助。也许您的链接不是说“返回顶部”,而是简单地说“弹出式导航”。单击时,导航会出现一个小的 div(因为这是用户通常返回顶部的原因)。我举了一个简单的例子:http://jsbin.com/uromo/2/edit

关于css - 与其提供 "back to top"按钮,不如用固定的页眉和页脚进行布局好吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2278363/

相关文章:

javascript - 覆盖层可通过在外部单击关闭

api - 显式 API 方法与广义的基于参数的 API 方法

user-interface - 从两个不同的菜单中获得相同的功能是个好主意吗?

html - 如何对齐面包屑

html - 如何在可包装的 flexbox 中使所有元素的宽度相同?

css - 基于彼此拉伸(stretch)不同的div

javascript - 为什么我的 <div> 内容 </div> 会闪烁?

html - 是否可以在 <pre> 标签内使用 CDATA

html - 在 CSS 中处理这个简单示例的好方法是什么?

css - 移动响应式设计中的可用性原则