我目前正在开发一个应该可以访问的日期选择器。
如果用户正在查看月历,则可以看到上个月的某些日期和下个月的某些日期。一旦用户单击当前月份之外的月份,日历将更改为该月份,然后突出显示单击的日期。在此过程中,旧的日期网格被新网格替换,新网格中点击的日期也获得焦点。我的问题是屏幕阅读器会在旧网格中读取点击日期,但是一旦重新创建网格并聚焦日期,它将再次读取。
这是我可以预防的吗?
答案 0 :(得分:0)
很高兴您正在尝试解决 UX 问题,以便为屏幕阅读器用户提供更愉快的体验,但听到重复阅读的内容是一个非常小的问题。如果这是您页面上唯一的可访问性问题,那就太好了。 (从技术上讲,听到两次不是无障碍问题,或者至少不是 WCAG 问题。)
我喜欢你将焦点放在不同月份时选择的日期上。
解决这个问题的一种可能的方法是让新的日期对象暂时从屏幕阅读器中隐藏,这很复杂。在元素上设置 aria-hidden="true"
,但是在页面有足够的时间让屏幕阅读器接受隐藏属性后,您需要一个计时器来删除 aria-hidden
属性。