Google recaptcha에 접근성 호환성이 없음

Question

Google recaptcha는 aria-label처럼 액세스 가능성 속성이없는 텍스트 영역을 만듭니다. 이로 인해 recaptcha가 Siteimprove를 통해 접근성 검사를 실패하게되었습니다.

자바 스크립트를 사용하여 textarea에 aria-label 속성을 추가하려고 시도했지만 DOM에 추가 된 요소에 요소를 추가하기 때문에 접근성에 문제가있는 것 같습니다. . 여기

는 요구 사항 4.1.2 '텍스트 영역'을 실패하는 것은 비어

... Siteimproves 구글 확장에서 텍스트입니다. 이는 레이블이 텍스트 영역과 연관되어 있지 않거나 aria-label 속성이 텍스트 영역에 추가되지 않았기 때문입니다.

Answer 1

자바 스크립트에서 다음과 같은 속성을 설정했는데 문제가 해결되었습니다. 이것은 Google이이 문제를 해결해야하므로 내 책에서 해결 방법입니다.

어쨌든 여기에 내가 설정 한 내용이 있습니다.

var textarea = document.getElementById("g-recaptcha-response"); 
    textarea.setAttribute("aria-hidden", "true"); 
    textarea.setAttribute("aria-label", "do not use"); 
    textarea.setAttribute("aria-readonly", "true");