이 문제가 발생하면 제발 수정하십시오. 정상적으로 이해한다면 문서 소스에서 기본적으로 사용할 수있는 요소에 aria-hidden을 사용할 필요는 없지만 항상 표시되지는 않습니다.ARIA 및 WCAG 2.0 성공 기준
예를 들어 문서 소스에있는 이미지 슬라이더 나 메뉴 또는 툴팁 (기본적으로 사용할 수 있음)은 디스플레이에서 사용자에게 항상 시각적으로 표시되지는 않습니다. 그것은 나에게 이상한 소리 때문에
나는 당신이 WCAG을 충족 aria-hidden를 사용할 필요가 없습니다 WCAG 2.0
을 충족하기 위해이 일을 위해 ARIA를 사용할 필요가 없습니다. 은을 사용하여 WCAG를 충족시킵니다. 도을 사용하면 우연히 WCAG를 위반할 수 있습니다.
시각적으로 표시하고 싶지만 보조 기술 (이 경우 화면 판독기)에서 숨기려면, aria-hidden이 가장 좋습니다. 당신이 뭔가를 숨기려면
시각적 및 보조 기술에서, 다음 display:none;으로 aria-hidden 그냥 스타일을 건너 뜁니다.
요소의 기본 의미 (예 : 레거시 레이아웃 표)를 숨기고 다른 모든 내용을 표시하려면 role=presentation을 사용하십시오.
중요한 점은 포커스가 필요하거나 대화 형 (예 : Fourth Rule of ARIA) 인 것을 숨기려면 aria-hidden을 사용하지 않는 것이 중요하다는 것입니다. 그렇게하면 WCAG에 위배됩니다.
예를 들어 사용하지 않을 때 display:none;으로 숨겨진 툴팁 스타일 디자인 요소가있는 경우 aria-hidden을 건너 뜁니다. 비주얼 스타일로 업데이트하지 않으면 코드가 액세스 할 수 없게 될 수도 있습니다.
그래서'display : none'과'display : block'을 사용하면 wcag2를 넘길 것입니다. BTW :'display : none'에서'display : block'으로 전환하고 초점을 맞출 때 어떻게 사용자에게 알려야합니까? 나는 이것에 대한 규칙이 있는가? 사용자가 AT를 사용하면 문제가 발생할 수 있다고 생각하기 때문입니다. "도대체 어디서 온거야?" 감사, aardrian! :) – yohohoy
아니요, 단지'display' 스타일을 사용한다고해서 특정 WCAG SC를 통과하거나 통과하지 못한다는 것을 의미하지는 않습니다. 특정 WCAG SC를 통과하기 위해 반드시 '아리아 숨김'이 필요하지는 않은 것처럼. 제가 말씀 드리는 것은 당신이 SC를 통과시키기 위해'아리아 숨겨진 '것을 사용할 필요가 없다는 것입니다. 두 번째 질문에 대해서는 포커스를 잘 관리하고 리그 스 요소에 배치해야합니다. 이상적으로 사용자에게 적절하게 경고합니다. – aardrian
그래, WCAG 2.0은 특정 기술에 관한 것이 아니기 때문에, 이와 같은 경우 사용자에게 숨김/표시 상태에 대해 알리는 데 사용해야합니다. 맞습니까? 따라서 유일한 방법은 '아리아 숨김'또는 '표시 : 없음/차단'입니다. 옳은? 그에 따라 사용자를 경고하는 것에 관해서는, 나는'live-region '을 제외하고 아무것도 찾을 수 없었다. 나는 그에게 이것을 경고해야한다고 생각 하나? 예를 들어, 네비게이션 메뉴가 드러났을 때, 나는 그 안에있는 첫 번째 링크로 포커스를 옮겨야하고 전체 메뉴 블록에'aria-live = polite'를 사용해야합니다. 옳은? :) – yohohoy