보조 기술에서 텍스트 숨기기

Question

장애가있는 최종 사용자에게이를 명확하게하기 위해 이것이 어떻게 가능할 수 있는지 이해하려고합니다.

내가하려는 것은 기본적으로 제공되는 부분 텍스트를 숨기고 장애가있는 사용자를 위해 다른 텍스트로 대체하는 것입니다. 예를 들어

:

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

당신이보다시피, 첫 번째 부분 (#one)는 액세스 할 수 없습니다. 두 번째 (#two)를 기본 사용자로부터 숨기고 싶고 첫 번째 사용자 (#one)를 장애가있는 사용자로부터 숨기고 싶습니다.

첫 번째 부분 - 기본 사용자로부터 숨기기 - 달성 방법은 알고 있지만 두 번째 부분은 아닙니다. 나는 aria-hidden="true"에 대해 읽었지만 크로스 플랫폼과 의미 자체에 관해서는 정말로 확신하지 못했습니다.

Answer 1

모든 대문자로 된 텍스트를 읽는 것이 장애가있는 사용자에게는 가장 좋은 경험이 아님을 알아야합니다. 나는이 민감한 아리아를 특정 대상과 시각 장애인보다 난독증에서 (1 10 명)을 앓고 더 많은 사람들이 있습니다 그것을

을 읽을 보조 기술을 사용하는 장애인에 대한 훨씬 더 편안하게합니다. 대문자 사용은 실명 이상의 사람들에게 실독증에 영향을 미칩니다. 그리고 난독증 환자를 탐지 할 알고리즘이 없습니다.

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 클래스를 사용

이 작업을 수행하고 자신을 위해 더 많은 일을 만들고 싶어 왜 난 정말 이해가 안

Answer 2

대체 콘텐츠를 유지합니다. WCAG를 준수하는 액세스 가능한 버전 하나를 만듭니다. 특정 보조 기술의 사용자에게 다른 콘텐츠를 표시하려고하면 사이트를 가장 잘 탐색하는 방법과 장애 세부 정보를 정확하게 알고 있어야합니다. 본질적으로 이와 같은 솔루션은 방문객을 별개의 그룹으로 분리하는 것이지만 해당 그룹 간의 경계는 흑백이 아닌 회색입니다. 다시 한 번, WCAG를 따라 한 세트의 콘텐츠를 제공하십시오.