毎週のプラットフォームニュース：Motion、Cors、Whitehouse.gov、ポップアップ、100vw

今週のWeb Development Newsは、提案されている新しいHTML要素から、アクセシビリティのベストプラクティスや潜在的なCSSの落とし穴まで、さまざまなトピックをカバーしています。

新しい<popup></popup>要素が現れます

MicrosoftとGoogleは新しいHTMLで協力しています<popup></popup>要素。アクセスしやすく簡単に熟成しやすい一時的なUI要素を作成するように設計されています。とは異なり<dialog></dialog>そして非推奨<menu></menu>、この要素は、単純さと明確な解雇行動（ESCキーまたはフォーカスの変更）を目的としています。

受賞歴のあるウェブサイトのアクセシビリティ：機会を逃した

2020年の最高のウェブサイトを祝いながら、Awwardsは共通のアクセシビリティprefers-reduced-motion監視を強調しました。このメディアクエリにより、開発者はモーションを減らすためにユーザーの好みを優雅に処理し、前庭障害のあるユーザーの潜在的な問題を防ぐことができます。 Animal Crossing Webサイトは、ユーザーの切り替えを含む適切な実装の肯定的な例として機能します。

クロスオリジン分離：トレードオフによるセキュリティの強化

Webサイトは、特定のHTTPヘッダーを設定することにより、クロスオリジン分離を選択できるようになりました（ Cross-Origin-Embedder-Policy: require-corpおよびCross-Origin-Opener-Policy: same-origin ）。これにより、コンテンツのロードを他の起源から制限することでセキュリティが強化されますが、 SharedArrayBufferのような強力なAPIへのアクセスを付与します。

Whitehouse.gov：アクセシビリティへのコミットメント

Biden AdministrationのWhitehouse.gov Webサイトは、WCAG 2.1ガイドラインを参照することにより、最低要件を超えるアクセシビリティへの強いコミットメントを示しています。

100VW CSS値とスクロールバーに注意してください

width: 100vwクラシックなスクロールバーが幅を処理する方法により、Windowsに予期しない水平スクロールバーを作成できます。通常、オーバーレイスクロールバーを使用するMacOSユーザーは、この問題に遭遇しない可能性があり、開発者がさまざまなオペレーティングシステムとスクロールバー設定でテストすることが重要になります。

以上が毎週のプラットフォームニュース：Motion、Cors、Whitehouse.gov、ポップアップ、100vwの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。