首页 > 解决方案 > 列表的旁白标签(作为数据表)

问题描述

我必须显示一个列表,其中每个单元格包含两条信息:项目数量和到期日期。

在网络上,对于 a <table>,屏幕阅读器会通过在项目值之前说出列标题来阅读每一行项目。但是在原生移动端,没有合适的表格组件;我们正在谈论列表和单元格。

对于给定的表:

╔════════╦═════════════════╗
║ amount ║ expiration_date ║
╠════════╬═════════════════╣
║      1 ║ 22/08/2009      ║
║     15 ║ 12/06/2016      ║
╚════════╩═════════════════╝

目前我没有"$amount item will expire on $date"任何标题。

我在 WCAG(及其移动附录)上找不到针对该特定案例的适当指南。

标题部分和单元格的最佳标签是什么?关于本地细节的任何提示?

标签: mobileaccessibilitynativevoiceover

解决方案


什么是标题部分和单元格的最佳标签

可以在这个2019 WWDC 视频摘要中找到编写标签的好方法,其中盲人演示者解释了要避免的陷阱和使用的最佳实践。

但是,我认为这是适当的amountexpiration date因为要很好理解。

关于本地细节的任何提示?

处理 VoiceOver (iOS 屏幕阅读器),系统提供:


推荐阅读