1

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

<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>

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

4

2 回答 2

3

微格式与表现无关，它们与 语义有关。

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

于 2010-02-06T03:07:11.813 回答
0

我认为还没有任何屏幕阅读器使用微格式，但微格式也不会伤害屏幕阅读器用户（日期时间设计模式除外）。

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

于 2010-02-10T09:42:32.773 回答