每周平台新闻:Favicon 指南、无障碍测试、Web 年鉴

Avatar of Šime Vidas
Šime Vidas

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Šime 定期为 web 开发人员发布内容,发布在 webplatform.news 上。

Google 发布了定义 Favicon 的指南

Jamie Leach: Google 搜索现在在移动设备上的搜索结果中显示 Favicon。您的 Favicon 应该是 48×48 的倍数(Google 会将其重新缩放为 16×16 以用于搜索结果)。如果网站没有 Favicon 或 Google 认为 Favicon 不合适,则会显示一个通用的地球图标。

您的 Favicon 应该是网站品牌的视觉表现形式,以便用户在浏览搜索结果时能够快速识别您的网站。

顶级网站在声明图标(通过页面头部中的<link>元素)的方式上令人惊讶地不一致。Twitter 和 Pinterest 这两个相对较新的渐进式 Web 应用提供了两种尺寸的图标。

<!-- example -->
<link rel="icon" href="/icon-32x32.png">
<link rel="apple-touch-icon" href="/icon-192x192.png">

Paciello 集团发布了 ARC 工具包

Paciello 集团: ARC 工具包,我们的专业级无障碍测试工具,现在可作为 Chrome DevTools 扩展程序使用。此工具检测与 WCAG 2.1 指南 相关的问题。您可以在整个页面或 DevTools 元素面板中选择的节点上运行测试。

请记住,自动化的无障碍工具只能找到某些无障碍问题,需要进行手动测试才能确保完全无障碍。Lighthouse(通过“审核”面板)在执行无障碍审核后建议进行手动检查。

其他新闻

  • Jeff Jaffe: W3C 和 WHATWG 达成了一项关于合作开发 HTML 的协议。“W3C 将鼓励社区……直接贡献到WHATWG HTML 和 DOM 代码库;提出问题、提出解决方案、对拟议的解决方案发表评论,并表示支持或反对提案。”
  • Paul Calvano:“CSS 和 Web 字体的第一方资源与第三方资源的年龄之间存在显着差距。95% 的第一方字体超过一周,而第三方字体则为 50%……这充分说明了自托管 Web 字体的重要性!”
  • Rachel Andrew:CSS 的subgrid是对网格布局的相对简单的补充。例如,如果您有嵌套网格,并且您将grid-template-rows: subgrid应用于子网格,则此网格将使用父网格的行轨道,而不是创建自己的行轨道。就是这样。(此功能目前仅在 Firefox Nightly 中受支持。)
  • GitHub 博客: GitHub 现在可以为具有已知安全漏洞的依赖项生成自动安全修复。在 GitHub 网站上,检查存储库的安全选项卡以获取安全警报。如果您打开警报并按下“创建自动安全修复”按钮,GitHub 将创建一个自动拉取请求来修复安全漏洞。
  • Rick Viscomi: HTTP Archive 计划在 11 月发布首个年度Web Almanac,这是一份关于 Web 现状的报告,其中包含由不同专家撰写的有趣见解。目前约有 50 名来自 Web 社区的志愿者正在参与其中,他们正在寻找更多贡献者。