每周平台新聞：減少運動，CORS，Whitehouse.gov，彈出窗口和100VW

本週的Web開發新聞涵蓋了一系列主題，從擬議的新HTML元素到可訪問性的最佳實踐和潛在的CSS陷阱。

一個新<popup></popup>元素出現

Microsoft和Google正在與新的HTML合作<popup></popup>元素，旨在創建可訪問且易於風格的臨時UI元素。與眾不同<dialog></dialog>和棄用<menu></menu>，該元素旨在簡單明了（ESC密鑰或重點更改）。

獲獎網站的可訪問性：錯過的機會

在慶祝2020年最佳網站的同時，Awwwards強調了一個共同的可訪問性監督：沒有一個獲勝的網站prefers-reduced-motion 。此媒體查詢使開發人員可以優雅地處理用戶偏好以減少運動，從而防止了前庭疾病用戶的潛在問題。動物越過網站是正確實施的積極例子，包括用戶切換。

交叉隔離：通過權衡提高安全性

現在，網站可以通過設置特定的HTTP標頭（交叉Cross-Origin-Embedder-Policy: require-corp Cross-Origin-Opener-Policy: same-origin ）來選擇交叉隔離。這通過限制其他來源的內容加載來增強安全性，但授予對SharedArrayBuffer等強大API的訪問。

Whitehouse.gov：對可訪問性的承諾

Biden Administration的Whitehouse.gov網站通過引用WCAG 2.1指南表現出對可訪問性的堅定承諾，超出了最低要求。

當心100VW CSS價值和滾動條

使用width: 100vw可以在Windows上創建意外的水平滾動條，這是因為經典捲軸處理寬度的方式。通常使用覆蓋滾動條的MacOS用戶可能不會遇到此問題，這對於開發人員在不同的操作系統和滾動條設置上測試至關重要。

以上是每周平台新聞：減少運動，CORS，Whitehouse.gov，彈出窗口和100VW的詳細內容。更多資訊請關注PHP中文網其他相關文章！