2017-04-18 7 views
2

Google recaptchaは、アクセシビリティ属性を持たないテキストエリア(aria-labelなど)を作成します。これは、再捕捉がSiteimproveを介してアクセシビリティスキャンに失敗する原因となっています。Google recaptchaはアクセシビリティに準拠していません

javascriptを使用してtextareaにaria-label属性を追加しようとしましたが、DOMに追加された後に要素に追加するので、アクセシビリティに問題があると推測しています。ここで

がSiteimproves Google拡張機能からのテキストです...

失敗要件4.1.2 'テキストエリア' が空です。これは、ラベルがテキスト領域に関連付けられていないか、またはaria-label属性がテキスト領域に追加されていないためです。

+0

また、色のコントラストにも問題があります。*背景と前景の色に十分なコントラスト比がありません。 – Alisson

答えて

0

私はjavascriptで次の属性を設定してしまい、これで問題が解決しました。これは私の本の回避策です.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"); 
関連する問題