草庐IT

html - 如何为某些 HTML 页面部分的屏幕阅读器设置优先级?

我想让我的HTML页面适合屏幕阅读器。目前,页面有3个主要部分:header、sidebar和content:屏幕阅读器首先阅读标题,然后是侧边栏,最后是搜索结果。不幸的是,视力有问题的用户需要等待很长时间,而程序将阅读所有侧边栏内容(因为侧边栏包含许多过滤器)。如何为搜索结果设置更高的优先级?因为应该在边栏内容之前阅读搜索结果。如果有人向我提供有关如何提高HTML页面的可访问性级别的HTML教程,那就太好了:如何更改屏幕阅读器跳过的某些DIV元素?如何更改阅读页面内容的顺序?如何使搜索表单和搜索结果(以及一些链接)只读? 最佳答案

html - 宽度为百分比的 `position:fixed` 侧边栏?

我已经成功使用了美丽的Susygridsystem创建类似于WebDesignerWall.com:之一的响应式布局我未能实现的是position:fixed侧边栏。当页面滚动并停留在同一个地方时,这样的侧边栏不会滚动。这非常方便(无论如何,您实际上不能将更多内容放入侧边栏,因为它会在窄窗口中使页面顶部变得困惑)。每当我将position:fixed应用于列时,我的布局就会变得疯狂:彩色block被声明为三列宽,但当position:fixed应用于侧边栏时会进一步拉伸(stretch)。我认为问题是侧边栏的宽度是相对的,我。e.以百分比设置。由于position:fixed,宽度是根

html - 宽度为百分比的 `position:fixed` 侧边栏?

我已经成功使用了美丽的Susygridsystem创建类似于WebDesignerWall.com:之一的响应式布局我未能实现的是position:fixed侧边栏。当页面滚动并停留在同一个地方时,这样的侧边栏不会滚动。这非常方便(无论如何,您实际上不能将更多内容放入侧边栏,因为它会在窄窗口中使页面顶部变得困惑)。每当我将position:fixed应用于列时,我的布局就会变得疯狂:彩色block被声明为三列宽,但当position:fixed应用于侧边栏时会进一步拉伸(stretch)。我认为问题是侧边栏的宽度是相对的,我。e.以百分比设置。由于position:fixed,宽度是根

html - 缩小浏览器会导致样式问题

在Firefox(和大多数其他浏览器)上缩小时,右侧栏和顶部菜单的布局会中断。侧边栏跳转到页面底部。要复制此问题,请visitthesite和:在浏览器View菜单下找到ZoomOut并点击几次。注意它如何影响菜单和边栏。到目前为止,我找到的唯一解决方案是将侧边栏的宽度减小几个像素,并减小菜单列表项之一的宽度。此虚拟修复的问题是,当以实际大小查看网站时,可以看到菜单在宽度上缺少几个像素。当然,必须有更好的解决方案来解决这个问题。你知道吗? 最佳答案 据我所知,桌面浏览器不使用亚像素分辨率进行布局(WebKit目前有一个未决的实现,但

html - 缩小浏览器会导致样式问题

在Firefox(和大多数其他浏览器)上缩小时,右侧栏和顶部菜单的布局会中断。侧边栏跳转到页面底部。要复制此问题,请visitthesite和:在浏览器View菜单下找到ZoomOut并点击几次。注意它如何影响菜单和边栏。到目前为止,我找到的唯一解决方案是将侧边栏的宽度减小几个像素,并减小菜单列表项之一的宽度。此虚拟修复的问题是,当以实际大小查看网站时,可以看到菜单在宽度上缺少几个像素。当然,必须有更好的解决方案来解决这个问题。你知道吗? 最佳答案 据我所知,桌面浏览器不使用亚像素分辨率进行布局(WebKit目前有一个未决的实现,但

javascript - 高级 jQuery 粘性侧边栏

我正在研究(粘性)滚动侧边栏。问题是大多数粘性侧边栏没有考虑到侧边栏可以比视口(viewport)高(例如,如果许多项目被添加到篮子(侧边栏))。这就是我要解决的问题。这些是要求:如果侧边栏的高度比视口(viewport)高,它应该滚动浏览内容,div的底部应该坚持向下滚动时视口(viewport)底部。如果侧边栏的高度比视口(viewport)高,则div仅当您位于底部时才应显示下方页面。当用户向上滚动时,侧边栏会滚动回到顶部,粘回到视口(viewport)的顶部。如果侧边栏的高度小于视口(viewport),它应该是向下滚动时从顶部开始粘。所以总而言之,有相当多的功能,但并不那么简

javascript - 高级 jQuery 粘性侧边栏

我正在研究(粘性)滚动侧边栏。问题是大多数粘性侧边栏没有考虑到侧边栏可以比视口(viewport)高(例如,如果许多项目被添加到篮子(侧边栏))。这就是我要解决的问题。这些是要求:如果侧边栏的高度比视口(viewport)高,它应该滚动浏览内容,div的底部应该坚持向下滚动时视口(viewport)底部。如果侧边栏的高度比视口(viewport)高,则div仅当您位于底部时才应显示下方页面。当用户向上滚动时,侧边栏会滚动回到顶部,粘回到视口(viewport)的顶部。如果侧边栏的高度小于视口(viewport),它应该是向下滚动时从顶部开始粘。所以总而言之,有相当多的功能,但并不那么简

html - 如何在 CSS 中实现固定的左侧边栏和流畅的右侧内容

我很头疼如何让我的流体内容向右浮动。左侧边栏是固定大小的。右边的内容是流体尺寸。这里和example我的html和css如何让我的id="content"float在右边? 最佳答案 设置边距并删除#content上的float/宽度,如下所示:HTML:SidebarContentCSS:#wrapper{width:400px;overflow:hidden;padding:10px;}#sidebar{float:left;width:100px;}#content{margin:000100px;}div{border:1p

html - 如何在 CSS 中实现固定的左侧边栏和流畅的右侧内容

我很头疼如何让我的流体内容向右浮动。左侧边栏是固定大小的。右边的内容是流体尺寸。这里和example我的html和css如何让我的id="content"float在右边? 最佳答案 设置边距并删除#content上的float/宽度,如下所示:HTML:SidebarContentCSS:#wrapper{width:400px;overflow:hidden;padding:10px;}#sidebar{float:left;width:100px;}#content{margin:000100px;}div{border:1p

html - 具有固定位置(无滚动)侧边栏的 Flex Layout

我有一个带有左右Canvas侧边栏的布局,将主要内容区域包围在中间。侧边栏和主要内容是flex元素,从左到右放置在flex布局中。侧边栏包含菜单和元链接。我的问题是:当滚动内容区域时,是否可以将侧边栏保持在固定位置,以便它们保持在顶部位置而不向下滚动?JSfiddle:http://jsfiddle.net/Windwalker/gfozfpa6/2/HTML:ThiscontentshouldnotscrollScrollingContentThiscontentshouldnotscrollCSS:.flexcontainer{display:flex;flex-direction