而不是给出“返回顶部”。按钮用固定页眉手页脚进行布局好吗?
与其提供“返回顶部”按钮,不如使用固定页眉和页脚进行布局以获得更好的可用性?或者这种类型的布局可能会给屏幕阅读器带来问题?
像这样
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
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这将根据具体情况确定。有些页面的标题最少,包含重要信息,而另一些页面的标题则臃肿,包含无用信息。至于屏幕阅读器,只要你的结构是一致的(并且你用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