輸入是否可以使用詠歎調標籤而不是<label>？

以下每個WCAG 2.0有效嗎？輸入是否可以使用詠歎調標籤而不是<label>？

<span id="my-label">Your photo</span> 
<input id="my-upload" type="file" aria-labelledby="my-label">

OS X屏幕閱讀器理解這一點，例如，閱讀時獲得焦點的輸入標籤，但總抱怨驗證如下：

Total Validator error

您可以通過this page運行總計驗證自己嘗試一下。 Total Validator是否正確報告此錯誤，或者這是Total Validator中的錯誤？

（很顯然，在這個特殊的例子，我可以用一個<label for="my-upload">，而不是依靠aria-labelledby。我們甚至可以說，使用<label>有更多的語義重量，應該優先。但是，這不是我的問題請問，因爲在我的真實情況下，使用<label>無法完成。）

來源

2015-10-20 avernet

aria-labelledby用於向屏幕閱讀器等輔助設備提供信息。如果你不使用這種特定的設備，它將沒有任何幫助。

它不會給99％的人提供任何信息。所以是的，Total Validator是正確的，因爲WCAG不需要使用特定設備，因此將其報告爲錯誤。也就是說，在不能使用label標記的情況下，您可以使用title屬性。

請參閱：H65: Using the title attribute to identify form controls when the label element cannot be used

來源

2015-10-22 18:02:35 Adam

關於H65，建議在沒有可見文本的情況下使用'title'，這對我來說很好，但事實並非如此我有。我有一個可見的''，可以用來標註''。對我來說，將''變成''是不實際的。 – avernet

你有什麼用戶或場景記住用戶可以通過指向''而不是''幫助''指向帶有標籤的''？在兩種情況下，視覺受損用戶都將從他們的屏幕閱讀器中獲得相同的結果。而其他用戶將「看到」貼近輸入的標籤，並「得到」這兩種方式。你有其他的情況嗎？ – avernet

此外，雖然這不是規範，但在MDN中，它們提供了一個示例，顯示如何使用「aria-labelledby」，並且它們正在執行Total Validator拒絕的內容，我將以此作爲證明Total Validator不正確的證據在這種情況下。（順便說一下，從Total Validator的一些人那裏得到答案會很高興。）https：//developer.mozilla。org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute＃示例 – avernet

可以使用aria-labelledby作爲創建可見標籤的方式，其中可見標籤已存在。最好使用for-id提供標籤關聯，因爲這樣可以允許單擊標籤文本將焦點置於輸入字段中（或者選中複選框或單選按鈕）。

您的無障礙分析儀是舊的。如果你使用aXe accessibility analyzer，你會注意到它不會抱怨這個問題。

來源

2015-10-21 11:44:56 unobf

謝謝您的信息。你能否詳細說明你的意思是「你的無障礙分析儀是舊的」？我使用的是2015年7月發佈的v8.8.0。該工具保持不變，而我使用的版本不是「舊的」。這是說「你的輔助功能分析儀有錯誤」，或者你的意思是不同的？ – avernet

請在您的答案中披露您的聯繫信息：請參閱http://stackoverflow.com/help/behavior – Adam

輸入是否可以使用詠歎調標籤而不是<label>？

回答

相關問題