web-dev-qa-db-ja.com

法改正とアクセシビリティ

法的文書をPDF=形式で発行する場合、編集が必要な場合、それらの単語はブラックアウトされます。

これらのドキュメントがアクセシブルなHTMLページとして作成される場合、これらの改訂はどのように処理されますか?黒い長方形は視覚的なインジケータであるため、不適切です。

1
James

先ほど述べたように、黒い四角形は視覚的なインジケータにすぎないため、スクリーンリーダーに表示するものを与える必要があります。最も簡単な方法は、「編集済み」や「このテキストはdatepersonによって編集されています」などの代替テキストを与えることです。あなたが与えることができるどんな情報でも、CSSを使って視覚的に色を変えることによってそのテキストを黒く塗りつぶしてください。そのように: https://jsfiddle.net/su35fdcc/

<p> Area 51 really hides secrets about <span class="redacted">Redacted text</span> and other oddities.
.redacted{
   background-color: black;
   width: 200px;
 }

これで着陸:

enter image description here

このように、目の見えるユーザーは、あなたが期待するように黒い長方形を見るだけです。ただし、スクリーンリーダーを使用している視覚障害のあるユーザーはWordに遭遇し、「編集済み」と表示されます。

NVDAスクリーンリーダーでテストし、期待どおりに機能することを確認します。

2
DasBeasto