关于无障碍开发中遇到的问题总结

1.ios端焦点框选中范围不准确的问题

读的内容是正确的,焦点框的范围不准确,是由于伪元素引起的。解决方法:在伪元素父类添加 overflow:hidden 即可

2.安卓机在tab栏切换后无法识别焦点

在tab栏切换后该tab栏下所有内容虽然写了role,但依旧无法识别焦点。解决方法:起初在每个标签后添加空标签但不起作用,然后尝试在切换的tab栏下的第一个含有role属性的标签后添加一个空标签(去除宽高和内外边距)成功

3.添加role=text后列表内容依旧无法分开读取

由于项目比较老,是使用Juice模板引擎写的,列表ul下通过@if判断是否展示li,此时各列表项li无法分开读取,焦点只能识别出整个ul。解决办法:在li之间添加空标签

4.数字在不同环境下的读法

在处理无障碍时,数字和字母一起出现(如:35GB)时,无障碍会读“三五GB”;数字和汉字一起出现(如:35元)时,无障碍会读“三十五元”。若接口返回的本身就是一个字符串,则不做特殊处理。

猜你喜欢

转载自blog.csdn.net/YML_426/article/details/121703278
今日推荐