对不起,如果这是一个太天真的问题,但究竟什么是屏幕阅读器？在设计网页(html文档)时应该如何考虑它们？

进行谷歌搜索并没有多大帮助…维基百科的条目太笼统了.

有什么我应该添加到我的HTML标记中来处理屏幕阅读器吗？

屏幕阅读器是“读取”文档(在您的情况下是网页)并以视觉障碍(例如失明)的人可以轻松消费的方式输出的软件.

屏幕阅读器只能理解文本(和一些格式).以下是您可以(并且应该)做的事情,以改善盲人或几乎盲人的可访问性：

>使用< strong>和< em>标签而不是非描述性的< b>或者< i>.如果计算机正在朗读它,它可以强调这些词.
>始终在图像上包含alt属性.你甚至可以把它留空(也称为null – alt =“”);这表示图像不是必需的/装饰性的.否则,请放置图像的文字说明.
>可访问性软件通常会忽略title属性.实际上,只有可以使用电脑鼠标的人才能阅读它,所以请避免使用它.
>转动CSS并查看您的页面.如果没有意义,你应该重新考虑布局.
> ARIA角色(通过角色属性)很有帮助.例如,如果您使链接看起来像按钮,辅助技术会提供不同的交互.因此,通过正确设置角色,使用辅助技术的人可以按照您的意图使用该元素.在这种情况下,你设置角色=“按钮”
>使用具有语义含义的标签(如section,article,nav,aside,header,以及更常见的h1 … 6标签),而不是使用CSS设置样式的div和span.这可以让软件勾勒出你的页面,盲人可以直接跳到主要内容,就像你可以用眼睛扫描一样.
>与最后一个相关;让它成为使用鲜为人知的标签,如时间和abbr和地址,而不是另一个CSS类.

这仅适用于屏幕阅读器.甚至不考虑聋人 – 查看您的视频和音频的标题(使用新的HTML5< audio>和< video>标记).

请注意,我不是无障碍专家(我也不是盲人,所以我不会从经验中说话). W3C的可访问性标准可能比我的更为可取(a list of quick tips也是如此).

这三个屏幕阅读器用户之间的区别是什么？

参考： http://css-discuss.incutio.com/?page=ScreenreaderVisibility

显示：none：不会被看到也没有听到。 *：
可见性：隐藏：将不会被看到也没有听到。 *：
text-indent：9999：不会被看到，但会被听到。

>大多数屏幕阅读器不会“说话”显示：无和可见性：隐藏，但有几个屏幕阅读器，如pwWebSpeak和HtReader将读取甚至这些。

屏幕阅读器处理< div>的容易程度基于网站而不是旧网站< table>基于网站,为什么他们更糟？

屏幕阅读器假设表格内的内容是表格式的,并按原样读取.例如. “第1栏第1栏:(内容)”.如果您使用表格来布置您的网站,这不一定有意义.当你实际上没有时,你告诉最终客户你有表格意义的数据.

相比之下,div除了“section”之外没有任何意义,因此屏幕阅读器不会试图表示它们.您可以使用div在布局中进行任意视觉中断,而不会影响标记的含义.

当我们说“语义”标记时,这就是我们的意思.语义意味着标记准确地描述了其内部内容的含义 – 表格包装表格数据,UL包装无序列表等.

我正在使用CSS内容从字体集生成图标.问题是屏幕阅读器,尤其是JAW,也在阅读内容！

所以以下内容：

<span></span>

和：

.uxf-search::before {
    content: ";"
}

所以屏幕阅读器实际上会读出“分号”.有没有办法阻止它这样做？我理解这个说法：没有CSS标签实际上不起作用！

屏幕阅读器已经调整了现在读取的CSS生成内容.对您的问题的评论提供了良好的反馈(即使是从2013年开始,并且从那时起对JAWS进行了一些更新).请注意,如果您使用的是第三方图标字体,则无法控制这些图标是否存在于Unicode的专用区域中.

Font Awesome使用与您的示例相同的技术,并且仅针对您引用的问题引起了一些抨击.因此,Font Awesome came up with an accessibility page可能对您有用.

如果您的图标仅用于装饰,而不是用于传达信息,那么FA辅助功能页面中的这一部分代码可能对您有用：

Icons used for pure decoration or visual styling

If you’re using an icon to add some extra decoration or branding,it does not need to be announced to users as they are navigating your site or app aurally. Additionally,if you’re using an icon to visually re-emphasize or add styling to content already present in your HTML,it does not need to be repeated to an assistive technology-using user. You can make sure this is not read by adding the aria-hidden="true" to your Font Awesome markup.

<ihttps://www.jb51.cc/tag/fig/" target="_blank">fighter-jet" aria-hidden="true"></i>

an icon being used as pure decoration

<h1https://www.jb51.cc/tag/logo/" target="_blank">logo">
  <iaria-hidden="true"></i>
  Pied Piper,A Middle-Out Compression Solution Making Data Storage Problems Smaller
</h1>

an icon being used as a logo

<a href="https://github.com/FortAwesome/Font-Awesome"><iaria-hidden="true"></i> View this project's code on Github</a>

an icon being used in front of link text

与往常一样,测试真实用户并确保图标的缺失不会损害页面的含义(在测试中将其隐藏于有视力的用户并查看其缺失是否令他们感到困惑).

如果我使用< div>标签itemprop =“review”itemscope itemtype =“http://mydomainname.com/Review”itemtype,那么我需要在我的网站上创建一个名为review的页面？

我建议你在 HTML5微数据上阅读 this tutorial.以下是该文档关于itemtype的摘录：

The itemscope attribute us used to indicate that the element it is
placed on and it’s children represent a microdata item. The itemscope
should be paired with an itemtype attribute that defines the microdata
vocabulary in use.

<p itemscope itemtype="http://www.data-vocabulary.org/Organization/"> …

Additional data …

Microdata vocabularies can be nested and can
be dependent on one another. For example,the organization microdata
vocabulary also contains an address as a member. The itemtype url can
point to anything. Think of it as just a unique character string that
varIoUs programs have agreed that when they see that specific ID,they
kNow how to parse and look for the itemprop tags in the sub-elements
to extract the meaning needed from the document.

有预定义的项类型值,或者您可以创建自己的值.它们可能是URL,但不一定是URL.

以下是关于这个主题的其他参考资料(Google搜索“html5 microdata”还有更多的内容)：

http://net.tutsplus.com/tutorials/html-css-techniques/html5-microdata-welcome-to-the-machine/

http://diveintohtml5.info/extensibility.html

http://www.tutorialspoint.com/html5/html5_microdata.htm