なぜ1行スクリプトタグでアクセシビリティを解決できないのか?

これは良い質問です.いくつかの企業は、(例えば、シーズービーなど)異なるように請願したいです.このポストは彼らのためではない.それはあなたのためです.彼らは、彼らがしていることを知っています.

クレア
タッツホープソン

アクセシブ?Accesssiwannabeのようなもの.
午前2時33分- 2021年8月01日

開始するには：Webは（一般的に）デフォルトでアクセス可能です。

我々はそれを壊す.私、あなた、会社、資本主義、あなたはそれを名前を付けます-それは、ウェブがアクセス可能であるのを壊すものです.<div> タグつきonClick イベント時<button> 要素は、そこには、フォーカスをトラップしないモデルズは、他の例は、インターネット全体で横行している.
ブラウザとアクセシビリティソフトウェアによってコードがどのように解釈されるかという角度から考えてみましょう.

HTMLを書きます.

ブラウザにHTMLをロードします.

ブラウザはそのHTMLを解釈し、その中からアクセシビリティツリーを生成します(レンダリング中など).

ブラウザはアクセシビリティ技術がアクセスするAPIを公開し、ブラウザはHTMLに標準に書かれているかのように解釈します.

このHTMLが不適切に使用されているようなspecまでなければ<div> とonClick 例えば、ブラウザは正確にそれが何であるかを推論できません.

これはアクセシビリティ技術に影響します.

我々が不適切にウェブ技術を使用するならば、我々はどうにか、我々が意味するものを得るためにどうにか発見的方法を実行するためにブラウザーを期待しますか?結局のところ、プログラミングは文字通りコンピュータが何を理解している言語で行うかを伝えることです.我々がそれがわかる方法で何をするかについて話さないならば、それは一般に最も安全な経路をとります.
この例は、終了HTMLタグが見つからない場合の修正です.以前のブラウザ日では、特定のタグが標準タグを省略し、有効なHTMLであることを認められました.それはもう例外ではない<input> !).
次のコードを実行します.

<div>
  <span>Hello!
</div>

任意の現代ブラウザで<span> あなたがそれを調べるならば、上記はDOMで自動的に閉じられます.

上記のソースでは、HTMLタグ、ヘッドタグ、またはボディタグもありません.ブラウザは、多くの方法で私たちを助けることができますが、それは私たちのひどく形成されたコードから我々の意図を得ることができません.

時々、標準は我々が必要とするすべてでありません

他のインスタンスでは、すべてのHTMLタグを正しく使用することができます.これはニュアンスが再生に入るところです.例えば、モーダル.定義によって、モーダルは単に他の要素の上のダイアログです.ユーザーエクスペリエンスは、これが別の「ドキュメント」として扱われることを指示します.一般的にmodalsは、ウェブが作成された方法を破る.ページは「ドキュメント」です、しかし、モーダルは文書の中の「文書」です
ドキュメントが本当にドキュメントのように振る舞うならば、それは「焦点で」唯一の文書でなければなりませんModalsを使用すると、一般的には“フォーカストラップ”は、ユーザーが不意にそれを得ることができないことを確認するを追加します.スクリプトのボルトは、これがあなたが意図したものであるということを知りません.
WebをアクセスするためにJavaScriptが必要な場合があります.ステファニーECKleswrote a really good Smashing Magazine article それはこれで拡大します.

誰かのJavaScriptは、このニュアンスを知っていますか？

そして、フィールドのアクセス可能なインターフェースと専門家を必要とするユーザーは言いましたtime and time あれit work .

ボルトオンフィックス

Accesssibeはこれを行う最初の会社ではないが、それは大きな約束をしているbeing slimy in the process . があるothers named オーバーレイ事実シートでは、それらはすべて避けられるべきです.
アクセシビリティはボルトではない.