屏幕閱讀器的可訪問性：我的按鈕應該有多“說話”？

Question

我正在嘗試改善對Web應用程序的屏幕閱讀器的支持，但是我在為按鈕的最佳做法方面有些掙扎。 我們當前的模式看起來像這樣

如果我專注於按鈕，屏幕閱讀器應該說...

...選擇文件，需要嗎？

...上傳個人信件：選擇文件？

...上傳個人信件：選擇文件。 允許的文件類型：doc，docx。 需要？

目前，我們正在尋求更健談的版本，但是我們的團隊在屏幕閱讀器用戶及其使用方面的經驗有限，因此朝正確的方向發展將非常有幫助。 謝謝。 :)

Answer 1

沒有真正的規則。 只要指示對用戶足夠清楚，就可以了。

實際上，這很大程度上取決於您對屏幕閱讀器，Internet和設備的習慣：

• 高級用戶往往更喜歡較短的標簽，而較長的標簽可能會惹惱他們。
• 初學者可能不明白標簽是否過於簡潔
• 如果標簽提供了過多的額外信息，或者對於詞匯表來說技術性太強，初學者也可能會感到無所適從

屏幕閱讀器有許多選項，使您可以決定說什么和不說什么。 例如，Jaws稱謂冗長，可以進一步自定義3個一般級別。 可悲的是，在Web上，您無法確定所選級別，也無法修改標記，因為您知道此元素僅在高級或中間模式下使用（無論如何都可以進一步高度自定義），因此最好的選擇可能是中間選項：不太簡潔，但也不太冗長。

我本人是屏幕閱讀器用戶； 作為高級用戶，關於您的主張； 我會說：

與第一個相比，第二個使您對自己的期望更有信心。 如果要上傳多個文件（例如，求職信+簡歷+照片），那么獲取信息非常重要，這樣就可以減少混亂的風險，即在“簡歷”字段中上傳照片。 如果有多個具有相同標簽的字段被標記為相同，則很難知道哪個是哪個。

指示允許的文件類型和此類要求非常好，但是最好放在標簽之外。 請記住，每次您進入該字段時，都會再次說出整個標簽。 如果有5個字段具有相同的信息，或者表單很復雜並且您必須來回多次，那么聽到很多相同的消息很煩人。

因此，我將對第二個進行修改：“上傳個人信件，必填”。 並在頁面上的其他地方指出技術限制，例如文件類型，大小等，因為這仍然是一個好主意。

請注意，如果您在字段中輸入了必填和aria必填屬性，則可以從標簽中忽略“必填”信息。 這是指示必填字段的建議方式。

Answer 2

Tl; DR：請保持簡潔。

如果您想傳達一些其他信息，例如允許的文件類型，大小，“請沒有病毒”等， 請不要將其放在按鈕本身上。 例如，最好使用aria-describedby並通過單獨的控件描述所有這些內容，這些控件在視覺上連接到按鈕（例如，按鈕的右側）。
我們，我的意思是屏幕閱讀器用戶經常瀏覽項目並進行其他奇怪的操作，例如調用頁面上所有按鈕的列表（即使是如今的講述人也開始支持此類操作），因此，如果按鈕標簽過長，也將很煩人不久。