將句子“-”替換為使用屏幕閱讀器閱讀“破折號”以獲得可訪問性

Question

我正在努力讓屏幕閱讀器將“-”讀作句子中的“破折號”一詞，因為它會跳過它。 我一直在尋找在不實際更改句子本身的情況下執行此操作的方法。 我很想得到一些建議，因為我是輔助功能的新手。

這是我需要更改的 jsx

return <span dangerouslySetInnerHTML={{ __html: textChunk }} />;

我在想 aria-labelledby，但我不確定如何在此處添加它

Answer 1

真正的答案是，不要這樣做。

單獨遇到破折號時什么都不說根本不是通用的。 這取決於屏幕閱讀器、使用的語音、上下文和用戶設置。 例如，當語音引擎單獨在線時決定說“破折號”，但當不單獨時忽略它或稍作停頓。 一些屏幕閱讀器還允許更改標點字符的名稱，例如破折號。 在某些語言中，這些字符可以有多個名稱可能很常見。 例如，您可以稱字符\為“反斜杠”或“反斜杠”， &可以是“商業和”，簡稱為“和”或“& 符號”等。

強制某些 label 像“破折號”只是為了避免可能不發音的“-”是不好的，因為它違反了用戶設置。 這對盲文用戶也不利，他們可能不太理解字面上寫“破折號”而不是“-”是什么意思。

如果你用“-”表示什么都沒有，空的，沒有任何其他值，你最好保留一個自然的“-”。 您可以合理地期望大多數人（包括屏幕閱讀器用戶）都能理解自然的“-”。

如果破折號用作分隔符，有些人更喜歡在所有情況下都發音，而另一些人則不希望它與或多或少的短或長停頓結合或不結合。

所以總而言之，最好的辦法實際上就是讓它保持原樣。 雖然您可能會改善某些用戶的可訪問性，但您也可能會降低它對更多用戶的潛在幫助，而不是您要幫助的用戶。