1

microformat의 클래스가 화면 판독기에 적합한 구조입니까?접근 가능한 사이트를 만드는 경우 microformats를 사용해야하지 않습니까?

<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">[email protected]</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:[email protected]"></a> 
<br/> 
Website:<a href="http://abc.com">abc.com</a> 
</p> 

방법은 접근성과 텍스트 전용 브라우저에 좋은 (동일한 콘텐츠 정보에 모두 코드를 가정)? 두 가지 방법 모두에서 스크린 리더가 어떻게 작동할까요?

+0

Transcending CSS를 읽는 것이 좋습니다. 그것은 의미 론적으로 올바른 HTML/CSS에 관한 것입니다. – Chance

답변

3

Microformats는 표현 적, they are about의미에 대해 수 없습니다.

<span>foo</span><span class="bar">foo</span>와 같은 렌더링,이 모든 마이크로 포맷에 대해되어 있습니다 : 표준화 된 클래스 이름을 추가하는 것은 주어진 및 확인 "일"에 대한 HTML 요소 (사람처럼, 예를 들면 :를 hCard), 아무것도 더.

0

아직 어떤 스크린 리더도 마이크로 포맷을 사용하지 않지만 마이크로 포맷은 스크린 리더 사용자 (except for the datetime design pattern)에게 해를 끼치 지 않습니다.

마이크로 포맷은 일반적으로 단지 클래스 이름을 지정, 그래서 당신은 단지 마이크로 포맷과 <div>들과 <span>의를 사용할 필요가 없습니다 있습니다 - 단락과 목록 및 이것 저것 적절한 곳에 잘 있습니다.