You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML/iOS/Android进度指示器的WCAG颜色对比度合规咨询

涉众元素
  • HTML progress元素
  • iOS进度指示器
  • Android进度指示器
前提假设
  • 无额外文本信息描述进度指示器
  • 目标为符合WCAG标准并通过无障碍测试:已知诸多优化方案与最佳实践,但不在本次问询范围内
具体问题
  • 边框/容器是否需满足颜色对比度要求?
  • 非活跃部分是否需满足颜色对比度要求?
  • 哪些颜色之间需具备足够对比度?(例如:活跃部分与未填充部分、活跃部分与页面背景等)
补充说明

个人初步判断仅活跃部分需满足颜色对比度要求,但不确定需与什么对象对比。iOS与Android的进度指示器会铺满视口长度,可大致知晓其总长度,但Web端进度指示器长度可变,若容器/边框对比度不足,用户可能无法准确判断填充进度。

已查阅Apple HIG、Android Material3、MDN的无障碍文档及相关问题搜索结果。

内容的提问来源于stack exchange,提问作者Common Room

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 00:32:36