2017-04-04 74 views
0

我在嘗試瞭解如何實現這一目標,以便讓殘疾人士更清楚地瞭解這一點。從輔助技術中隱藏文字

我想要做的是隱藏一些默認提供的部分文本,並替換爲殘障用戶的另一段文本。

例如:

<span id="one">ACCESSIBILITY CHECK</span> 
<span id="two">Accessibility check</span> 

正如你看到的,第一部分(#one)無法訪問。我想隱藏來自默認用戶的第二個(#two)和來自殘障用戶的第一個(#one)。

第一部分 - 隱藏默認用戶 - 我知道如何實現,但第二部分沒有。我閱讀了關於aria-hidden="true"的文章,但對跨平臺及其自身的含義並不確定。

+1

ARIA僅支持屏幕閱讀器,並非所有屏幕閱讀器都是盲人。當你說你想隱藏「殘障用戶」中的一段文字時,這將有助於獲得更多的上下文。然後我很樂意提供一些幫助。 – aardrian

+1

相關:http://stackoverflow.com/questions/43150685/aria-labelledby-not-working-with-nvda-firefox/43151062#43151062 – aardrian

+0

謝謝,阿賈爾裏安,但你只是指向我,我已經知道的東西 - 隱藏文本視覺上,但不是來自屏幕閱讀器。我不知道的是如何隱藏屏幕閱讀器,但是可以直觀地看到這些文字。我可以提供什麼樣的背景我可以提供?很明顯,閱讀所有大寫字母的文字對殘疾用戶來說並不是最好的體驗。我希望針對特定的敏感詠歎調,讓使用輔助技術的殘疾人閱讀時更加舒適 – sorvz

回答

1

顯而易見,閱讀所有大寫字母的文字對殘障用戶而言並不是最好的體驗。我想針對特定的這種敏感詠歎調,讓使用輔助技術的殘疾人讀得更舒適

還有更多的人患有閱讀困難(10人中有1人)比盲人。 使用大寫字母會影響誦讀困難的人比盲人更多。而且沒有檢測閱讀障礙人羣的算法。

沒有aria-dyslexic屬性。抱歉。


如果您的問題僅涉及屏幕閱讀器用戶:

<div aria-hidden="true">Not visible on a screenreader</div> 
<div class="sr-only">Not visible on a screen</div> 

這將使用引導sr-only CSS類

+0

非常感謝,亞當!現在我更加意識到這一點......我知道關於閱讀障礙,但只有一般形式。從不認爲大寫字母可能會影響他們......你怎麼知道這一切? :) – sorvz

0

我真的不明白你爲什麼會想這樣做,讓自己更多的工作保持備用內容。創建一個符合WCAG的可訪問內容版本。嘗試向某些輔助技術的用戶展示不同的內容時,假設他們確切知道他們如何最好地瀏覽您的網站以及他們的殘疾詳情。實質上,像這樣的解決方案是將訪問者分成不同的組,但這些組之間的界限是灰色的,而不是黑色和白色。再次,只需按照WCAG提供一組內容即可。

相關問題