mobile - 列表的旁白标签(作为数据表)
问题描述
我必须显示一个列表,其中每个单元格包含两条信息:项目数量和到期日期。
在网络上,对于 a <table>
,屏幕阅读器会通过在项目值之前说出列标题来阅读每一行项目。但是在原生移动端,没有合适的表格组件;我们正在谈论列表和单元格。
对于给定的表:
╔════════╦═════════════════╗
║ amount ║ expiration_date ║
╠════════╬═════════════════╣
║ 1 ║ 22/08/2009 ║
║ 15 ║ 12/06/2016 ║
╚════════╩═════════════════╝
目前我没有"$amount item will expire on $date"
任何标题。
我在 WCAG(及其移动附录)上找不到针对该特定案例的适当指南。
标题部分和单元格的最佳标签是什么?关于本地细节的任何提示?
解决方案
什么是标题部分和单元格的最佳标签
可以在这个2019 WWDC 视频摘要中找到编写标签的好方法,其中盲人演示者解释了要避免的陷阱和使用的最佳实践。
但是,我认为这是适当的amount
,expiration date
因为要很好理解。
关于本地细节的任何提示?
处理 VoiceOver (iOS 屏幕阅读器),系统提供:
UIAccessibilityContainerType
包含数据表类型的枚举。UIAccessibilityContainerDataTable
传达有关表内容的信息的协议。UIAccessibilityContainerDataTableCell
提供表格中单元格位置的协议。
推荐阅读
- sql - 在同一个表中查找没有相似位置的条目
- c# - 为什么尽管有大对象堆碎片,但通用集合中的大多数数据结构都使用数组?
- python - 线程不允许在 python 烧瓶中保存文件
- python - 如何根据索引将来自不同字典的熊猫现有列的值相加?
- nginx - NGINX 在给定路径时呈现 PHP 文件,将索引作为没有路径的下载提供
- microsoft-graph-api - 如果地址包含特殊字符,如何更新工作表范围?
- javascript - 如何使用谷歌存储中的图像修复 Microsoft Azure 计算机视觉中的 InvalidImageFormat?
- javascript - 将一个文本框的值复制到另一个文本框返回 null
- c# - Azure VirtualNetworkGatewayConnection 没有 ExpressRoute ConnectionType 的 ConnectionStatus
- powershell - 命令行中的 PowerShell 参数、单引号和双引号