HTML/iOS/Android进度指示器的WCAG颜色对比度合规咨询
涉众元素
- HTML progress元素
- iOS进度指示器
- Android进度指示器
前提假设
- 无额外文本信息描述进度指示器
- 目标为符合WCAG标准并通过无障碍测试:已知诸多优化方案与最佳实践,但不在本次问询范围内
具体问题
- 边框/容器是否需满足颜色对比度要求?
- 非活跃部分是否需满足颜色对比度要求?
- 哪些颜色之间需具备足够对比度?(例如:活跃部分与未填充部分、活跃部分与页面背景等)
补充说明
个人初步判断仅活跃部分需满足颜色对比度要求,但不确定需与什么对象对比。iOS与Android的进度指示器会铺满视口长度,可大致知晓其总长度,但Web端进度指示器长度可变,若容器/边框对比度不足,用户可能无法准确判断填充进度。
已查阅Apple HIG、Android Material3、MDN的无障碍文档及相关问题搜索结果。
内容的提问来源于stack exchange,提问作者Common Room
相关产品推荐
相关产品推荐

