屏幕阅读器用户如何访问网络：精彩视频

Desknumber

在本次 Smashing TV 网络研讨会录制中，与 Léonie Watson（盲人屏幕阅读器用户）一起探索网络，了解 HTML 元素的一些意想不到的属性，这些属性不仅对可访问性产生巨大影响，而且结果也很漂亮对性能也有好处。
两周前，我有幸与 Léonie Watson 一起主持了Smashing TV网络研讨会，讨论屏幕阅读器用户如何访问网络。在演讲中，Léonie 展示了一些大牌网站，例如 BBC、会员提名的网站（包括我自己的网站！）、Smashing 杂志本身以及流行的第三方服务 Typeform，因为我们很多人（包括 Smashing 的我们） ) 假设已检查了流行服务的可访问性。自始至终，Léonie 都解释了网站的 HTML 如何帮助（或阻碍）她使用网站。

我们认为该网络研讨会非常有价值，因此我们将其开放，以便每个人都可以免费使用。希望它将成为整个 Web 开发社区了解语义标记如何以及为何如此重要的资源。我们学到了什么 我很高兴我的个人网站 电子邮件营销列表 使用 HTML5 标志性区域（main、nav、header、footer等）帮助 Léonie 形成了页面结构的心理模型。尽管我一直小心翼翼地避免使用“单击此处”之类的链接文本，因为WCAG 指南要求“每个链接的目的可以仅从链接文本中确定”，但在此之前我并没有想到这一点，因为我有数百个链接每周的“阅读列表”文章，屏幕阅读器用户在按标题导航时不可能区分其中一篇。自网络研讨会以来，我通过在标题中包含其编号（“阅读列表 222”），使每个新阅读列表的标题都独一无二。



我们还了解到，技术上的可访问性很好，但更好的是可用的可访问性。Smashing 团队了解到，在 Léonie 可以在我们的网站上阅读她自己的文章之前，有大量的序言（作者简介、电子邮件注册表单），她无法轻易跳过。我们目前正在纠正这个问题。我们的快速总结也存在一个问题；当摘要完成并且文章正文开始时，莱奥妮没有得到任何指示。视力正常的用户得到了一条分界线，但是对于视力不佳的用户我们能做什么呢？网络研讨会结束后，Léonie 建议使用语义 HTML 元素和少量 ARIA：复制这被宣布为“摘要区域开始”和“摘要区域结束”，并且如果需要可以跳过。

谢谢你！ 我们要感谢 Léonie 举办网络研讨会，还要感谢我们出色的 Smashing 杂志会员，他们的支持使我们能够委托制作此类内容、公平地向贡献者支付费用并减少网站上的广告。无耻插件：如果您喜欢这个网络研讨会，为什么不考虑自己成为会员呢？每月大约有三场免费网络研讨会、精彩电子书和大量折扣。每月大约需要两杯咖啡，而且您可以随时取消。