每周平台新闻：减少运动，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中文网其他相关文章！