モーダル 最近のブラウザで広くサポートされています。それらはとして使用することができます 通知ポップアップ, として オプトインフィールド, あるいは 写真のスライドショー. あなたはこれらのウィンドウを使用して構築することができます 純粋なCSS しかし、これは最もアクセスしやすい解決策ではありません。代わりに、チェックしてください A11yダイアログ, 焦点を当てている完全に機能するモーダルウィンドウ 最初にアクセシビリティ. それは走ります バニラJavaScript そのと 独自のカスタムAPI そして、すべてのデバイスにわたって最新のすべてのブラウザをサポートします。あなたがチェックアウトすることができます このデモ 実際の動作を確認する. 典型的なモーダルウィンドウのように見えます。しかし、このスクリプト ARIAタグを使用 すべてのユーザーに最新のアクセシビリティをサポートする. デフォルトでは、A11yダイアログも タッチスクリーンをサポート, そのため、タップするとクリックするのと同じ効果があります。あなたはそれを閉じるために窓の外のどこかをクリックまたはタップすることができます、あるいはコンピュータ上でESCキーを押す. どういうわけか、このライブラリはかなり小さいです, わずか1.2kb, すべてのCSSおよびJSコードを含みます。これは完全にアクセス可能な上にそれを軽量にする. あなたはを通して読むことによってもっと学ぶことができます...