每周平台新闻:CSS column-span 属性、ADA 适用于网站、自动生成的图像描述

Avatar of Šime Vidas
Šime Vidas

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

在本周的综述中:多栏布局获得广泛支持,ADA 意味着零售商需要更多 A11y,并且 Google 正在解决所有在网络上存在的空图像 alt 属性。

CSS column-span 属性即将获得广泛支持

CSS column-span 属性自 2010 年起在 Chrome 和 Safari 中得到支持(IE 自 2012 年起支持),终于将在 Firefox 71 版本(12 月)中推出。

此功能使元素能够跨越 多栏布局 中的所有列。在以下演示中,标题跨越两列。

article {
  column-count: 2;
}

h2 {
  column-span: all;
}

查看示例
CSS column-span 演示:全部
由 Šime Vidas (@simevidas) 创建
CodePen 上。

(来自 Ting-Yu Lin)

美国残疾人法案适用于网站

在美国,美国残疾人法案 (ADA) 适用于网站,这意味着如果网站无法访问,人们可以起诉零售商。

达美乐披萨的申诉最近被最高法院驳回,因此针对他们未使其网站对屏幕阅读器用户可访问提起的诉讼现在将在地区法院重新审理。

三年前,失明的吉列尔莫·罗伯斯在洛杉矶提起诉讼,并抱怨他无法在线订购披萨,因为达美乐的网站缺乏允许他进行沟通的软件。他援引了 ADA,该法案保证残疾人“充分平等地享受任何公共住宿场所的商品和服务”。

(来自 David G. Savage)

Google 宣布为 Chrome 自动生成图像描述

当与 VoiceOver 屏幕阅读器一起使用时,Chrome 现在可以自动为没有正确替代文本 (<img alt=""> 属性) 的图像生成图像描述。Google 已经创建了超过 1000 万个图像描述,但它们并非旨在取代人工编写的替代文本。

计算机自动生成的图像描述不如人工编写的图像描述好,后者可以包含更多上下文,但它们可以准确且有用。

此名为“无障碍图像描述”的新无障碍功能在您 Chrome 版本中可能默认未启用,但您可以在 chrome://flags 页面上手动启用它。

(来自 Dominic Mazzoni)

更多新闻…

在我的每周 周日版 中阅读更多新闻,每周一早上通过电子邮件发送给您。

更多新闻 →