我正在創建一個分成幾個小塊內容的內容大量頁面。我希望這些內容的結構可以通過友好的方式訪問。爲可訪問性標記文本（不是表單元素）的正確方法？

我原本計劃對每一段內容使用label標籤，但根據我的理解，它們僅適用於表單元素。我爲內容的主要結構使用了一系列標題（h2，h3，h4 ...）標記，但我對於我應該使用哪些頻繁的短內容需要的內容感到困惑標籤即：工作電話，家庭電話，會員類型。

我應該使用什麼元素來標記單行內容？

我主要關心的是屏幕閱讀器如何消化內容。

我在笑我自己多少努力，我放入像HTML一樣簡單的東西。

來源

2015-11-30 used2could

這是你在找什麼？ http://www.w3schools.com/html/html5_semantic_elements.asp –

@AkashKumar否:( – used2could

）爲什麼不使用'id/classes'來組織內容？ –

通常自然語言已經傳達你想說什麼，無需任何特殊元素：

My work phone: <a href="tel:+1-000">000</a>

對於其他情況（或者如果您想使上述情況更明確），特別是如果您有一組名稱 - 值組，並且您不想使用自然語句es，你可以使用dl element：

<dl> 
    <dt>Work</dt> <dd><a href="tel:+1-000">000</a></dd> 
    <dt>Home</dt> <dd><a href="tel:+1-111">111</a></dd> 
</dl>

來源

2015-12-01 01:59:50 unor

似乎dl元素是我需要去的路線。 – used2could

您的問題的最短答案是：使用微數據。

然而，「微數據」已經發展了很多超過10年 - 各種標記標準已經出現了 - 前面微像hCard，hCalendar & hRecipe，後來，更復雜的行動像RDFa，schema.org，JSON-LD - 和所有的繼續發展和改變。

以下地址答案2的具體考慮：

如何使電話號碼立即明白用戶代理像瀏覽器和屏幕閱讀器。
如何（開始）在同一個網頁上的不同電話號碼之間建立語義區分。

1.添加交互以電話在加價數

協助屏幕閱讀器，您可以在HTML5標記的電話號碼，使用類似於mailto:電子郵件地址語法語法：

電子郵件：<a href="mailto:[email protected]">[email protected]</a>

電話：<a href="tel:+14295663674">429-566-3674</a>

N.B. tel:鏈接中指定的號碼必須以+開頭，緊接着是國際撥號代碼。

上面的HTML還將增加與您標記的電話號碼的交互性。

例如，這將使智能手機開始撥打號碼，當你在移動瀏覽器中點擊它。當您在桌面或筆記本電腦瀏覽器中點擊該號碼時，它還將使（某些）允許的VOIP程序開始撥打該號碼。

=====

2.區分家庭電話號碼和工作電話號碼加價

的HTML上面不會有工作電話號碼和家庭電話號碼之間的區分明確。

你可以開始通過採用微觀詞彙一樣，在http://schema.org/發現建立這樣一個區別：

<div itemscope itemtype="http://schema.org/Person"> 
    <h2 itemprop="name">Alice</h2> 

    <dl itemprop="contactPoint" itemscope itemtype="http://schema.org/ContactPoint/"> 
     <dt itemprop="contactType">Home:</dt> 
     <dd itemprop="telephone"><a href="tel:+14296774785">429-677-4785</a></dd> 

     <dt itemprop="contactType">Work:</dt> 
     <dd itemprop="telephone"><a href="tel:+14295663674">429-566-3674</a></dd> 
    </dl> 
</div>

來源

2015-11-30 21:23:39 Rounin

@ unor的回覆特別提到了我同意我的具體情況的DL元素，我希望我可以接受這兩個答案:( – used2could

我也在上面的回答中使用了定義列表（'

'）（4小時之前） – Rounin

爲可訪問性標記文本（不是表單元素）的正確方法？

回答

=====

相關問題