보조 기술을 사용하는 숨겨진 콘텐츠

Question

숨겨진 콘텐츠가 보조 기술과 함께 작동하는 방식을 약간 혼동합니다. 내가, 제발 당신에게 몇 가지 예를주지 당신이 나에게 이것을 설명하고 싶습니다 :

1. 난 작은 팝업을 확인하려면, 그 이전에 display:none;했다이며, 어떻게 AT와 사용자가 이해할 것 사실 내가이 팝업에 초점을 자동으로 제공한다는 것을 제외하고는 새로운 것입니다.

2. 접근 가능한 이미지 슬라이더는 어떻게해야합니까? role 및 aria-* 속성에 대해 들었고 당시에는 표시되는 이미지 만 display:block;이거나 다른 모든 이미지는 display:none;이어야합니다. 그렇다면 AT와 사용자가 혼동하지 않으시겠습니까 (첫 번째 질문의 일부)?

3. 데스크톱 컴퓨터가 모바일 장치에 필요한 것보다 더 많은 것이 있습니까? 예를 들어 휴대 기기 화면에 햄버거 메뉴를 만들고 싶다면 display:none;으로 링크를 숨겨야합니까? 링크에 대해 사용자에게 알리는 방법을 지금 표시해야합니까?

Answer 1

1. 초점을 제공하는 팝업의 핵심이며, 전형적으로 닫힙니다 제어합니다. 그러나 팝업이 실제 팝업이 아니고 페이지 상단에 업데이트 상자가있는 경우에는 포커스를 건너 뛰고 라이브 영역을 사용할 수 있습니다. 요컨대, 그것은 당신이하는 일에 달려 있습니다. 팝업은 지정된 작업이 수행 될 때까지 사용자가 페이지의 나머지 부분과 상호 작용하지 못하도록하는 반면, 업데이트 내용 블록은 해당 제한을 수행하지 않습니다.

2. 초점을 이동하는 경우 큰 문제는 아닙니다. 숨겨진 이미지는 페이지 내용에 포함되지 않으므로 사용자를 느리게하지 않습니다. 이 경우 라이브 지역을 사용하지 마십시오. 라이브 지역이 계속되면 사용자에게 방해가 될 수 있습니다.

3. 이 경우 이전에 숨겨진 탐색 메뉴로 포커스를 이동합니다. 접근하기 쉬운 이름으로 잘 작동합니다.

포커스 관리를 알고 있더라도 ARIA live regions에 익숙하지 않은 것으로 의심됩니다.

라이브 지역은 사용자의 요구 사항 중 일부를 처리 할 수 ​​있습니다. 약간의 live region properties이 필요합니다. 사용자가 어떤 일을 하던지 상관없이 지역이 변경되자 마자 지역을 알리려면 assertive이됩니다. 사용자가 상호 작용을 완료 할 때까지 기다리려면 polite이됩니다. 아래에 나와있는 corresponding live region roles도 있습니다.

또한, 전체 내용 (경고 메시지에 유용함) 또는 변경된 부분 (타이머에 더 적합 할 수 있음)을 발표할지 여부를 화면 판독기에 알려줍니다.

페이지에 두 개 이상의 ARIA 라이브 영역이있는 것을 피하십시오.

여기에 example of an offline alert입니다. 다음은 편리한 slideshare that goes into more detail입니다. 검색 할 내용을 알면 훨씬 더 많은 내용이 있습니다.