如果我们正在制作可访问的网站，我们不应该使用微格式吗？答案

【问题标题】：Shouldn't we use microformats if we are making accessible site?如果我们正在制作可访问的网站，我们不应该使用微格式吗？
【发布时间】：2010-02-05 07:48:16
【问题描述】：

微格式的类结构是否适合屏幕阅读器？

<div class="vcard">
  <span class="fn">Gregory Peck</span>
  <a class="org url" href="http://www.commerce.net/">CommerceNet</a>
  <div class="adr">
    <span class="type">Work</span>:
    <div class="street-address">169 University Avenue</div>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>  
    <span class="postal-code">94301</span>
    <div class="country-name">USA</div>
  </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div class="tel">
    <span class="type">Fax</span> +1-650-289-4041
  </div>
  <div>Email:
   <span class="email">info@commerce.net</span>
  </div>
</div>

还有这个（假设两个代码具有相同的内容信息）

<p><strong>London</strong>
<br/>
607,5th Floor, Oxford Towers,
<br/>
Airport Road, Kodihalli
<br/>
London 560 008
<br/>
Phone: 91-80- 4115 1705-706
<br/>
Fax: 91-80- 41151707
<br/>
Email:<a href="mailto:abc@xyz.com"></a>
<br/>
Website:<a href="http://abc.com">abc.com</a>
</p>

哪种方法适用于可访问性和纯文本浏览器？屏幕阅读器在这两种方法下的表现如何？

【问题讨论】：

我推荐阅读 Transcending CSS。这都是关于语义正确的 HTML/CSS。

标签： xhtml accessibility web-standards screen-readers microformats

【解决方案1】：

Microformats 与表达无关，they are about 语义。

foo 呈现与foo 相同的效果，这就是所有微格式的意义所在：为给定和标识的“事物”（如人，例如：hcard）向 HTML 元素添加标准化的类名，仅此而已。

【讨论】：

【解决方案2】：

我认为目前还没有任何屏幕阅读器使用微格式，但微格式也不会伤害屏幕阅读器用户 (except for the datetime design pattern)。

请注意，微格式通常只指定类名，因此您不必将 <div>s 和 s 与微格式一起使用 — 段落和列表等在适当的情况下都可以。

【讨论】：