而不是给出“返回顶部”。按钮用固定页眉手页脚进行布局好吗?

发布于 2024-08-22 00:34:16 字数 219 浏览 13 评论 0原文

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

像这样

http://limpid.nl/lab/css/fixed/header-和页脚

Instead of giving "back to top" button is it good to make layout with fixed header and footer for better usability? or this type of layout can be problem for screen reader?

Like this

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

三岁铭 2024-08-29 00:34:16

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

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

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

This would be determined on a case-by-case basis. Some pages have minimal headers with crucial information, while others have bloated headers with useless information. As for screen readers, as long as your structure is consistent (and you do the sticky with css/javascript) I don't think there would be any problem.

Just keep in mind that stickied items take up screen space. With many people browsing the web on laptops and mobile devices, that screen space may be more crucial than you think. Don't sticky a header and/or footer unless it's absolutely necessary.

Perhaps an alternative method would be helpful. Maybe instead of your links saying "Back to top," they simply said "Popup Navigation." When clicked, a small div appears with the navigation (since this is what users typically go back to the top for). I worked up a quick example: http://jsbin.com/uromo/2/edit

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文