ウェブサイトアクセシビリティ:スクリーンリーダーが私が意図する方法でテキストを解釈するのをどう確実にすることができますか?

1873 ワード
watercooler html a11y webdev テキストリンク
どのように、私はスクリーンリーダーが常に正しいことを読むようにすることができますか?
例として、
<p>I want a cheeseburger w/ tomato and lettuce.</p>
スクリーンリーダーは言うかもしれない"I want a cheeseburger W slash tomato and lettuce." .
より大きなスケールでは、シンボルの束としていくつかのテキストをライトするかもしれませんが、スクリーンリーダーは混乱する可能性がありますし、シンボルを読んで、代わりに意図された意味です.
例えば、このJSONに向かうなら
{
  "code": "tLk5902cqC1583r",
  "expiration": "03/03/2022"
}
どうやって読むの"JSON that reads a code of T capital L k 5 9 0 2 c q capital C 1 5 8 3 r, and an expiration date of March third, twenty twenty-two." 読書の可能性の代わりに"Opening brace, code, colon, tLk5902cqC1583r, expiration, ..." ?
以前に戻ると、このやり方で何かできるのでしょうか?
<p>I want a cheeseburger <annotation readas="with">w/</annotation> tomato and lettuce.</p>
...私は、現実的なことを行うには、ウェブページをよりよく設計することです"with" の代わりに"w/" , などと他の例と同じです.
しかし、これが可能でない場合があります.
知っている<img/> has alt , しかし、他の要素は、スクリーンリーダーを支援する能力に関して何を持っていますか?缶alt スクリーンリーダーを読むために何かに使用されるか?もしそうでなければ、私は私が達成したいと言ったことを行うか{ etc }?
ありがとう乾杯!
Elementコントロールの英語翻訳、
パイソン・ランダ