2017-03-02 12 views
0

일부 체크 박스/라디오 버튼이 선택되었을 때 숨겨진 텍스트/요소 (무엇이든간에)를 드러내고 싶습니다. 선택할 수있는 체크 박스/라디오 버튼 목록이 있다고 가정하십시오.라디오 버튼 및/또는 확인란을 사용한 사용자 정의 동작. 접근성 (WCAG 2.0)

WCAG 2.0 AA 표준을 충족하려면 어떻게해야합니까?

정확히 라디오 버튼/체크 박스가 AT 사용자에 의해 이해되는 것은 분명히 이것은 체크 박스/라디오 버튼의 동작이 아니기 때문입니다.

감사합니다.

답변

1

마지막 문장에서 일시 중지 시간이 ""입니다. AT 라디오 사용자가 라디오 버튼/라디오 버튼을 정확히 이해하는 것은 분명히 이것은 체크 박스/라디오 버튼의 동작이 아니기 때문입니다.

라디오/체크 박스가 비정상적으로 작동하는 경우에도 시력이 약한 사용자도 혼란에 빠지겠습니까?

'보통'행동하는 라디오/체크 박스를 사용하면 AT 사용자는 경험이있는 사람처럼 경험할 수 있습니다. 라디오는 상호 배타적 인 선택의 그룹이지만 확인란 목록은 여러 선택을 허용한다는 것을 알게됩니다. 스크린 리더는 객체의 역할을 읽어 AT 사용자가 무엇을해야하는지 알게됩니다.

이제 이러한 선택에 따라 개체를 숨기거나 숨기기를 원하면 AT 사용자에게 알림을 보내야합니다. 일반적으로 aria-live으로 완료됩니다. 기본적으로 aria-live 영역은 텍스트가 변경되거나 DOM에 객체가 추가되면 표시됩니다.이 객체는 display : none을 통해 수행하는 경우 숨김을 포함해야합니다. 오프 스크린 개체를 화면 상에 이동하거나 클리핑 사각형을 변경하거나 개체의 크기를 변경하여 숨기기를 해제하면 아리아 라이브가 도움이되지 않습니다.

aria-relevant도 확인하십시오. 기본적으로 값은 'additions text'이며 위에서 언급 한 동작입니다. 다른 조건에서 아리아 라이브 영역을 읽으려면 다른 아리아 관련 값을 살펴보십시오.