- 预审中
- 2 预审通过
- 3 已采纳
- 4 已实现
【用户体验】博客标题输入框建议保留持久可访问名称,避免输入后仅剩无名文本框 预审通过 编辑 删除
- 云社区
场景描述
2026-10-22 在桌面版华为云博客写作页(https://bbs.huaweicloud.cn/blogs/article)复核标题字段:空值时 #blogTitle 的 placeholder 为“请输入标题”;输入标题后 placeholder 变为空字符串。该字段未设置 aria-label 或 aria-labelledby,HTMLInputElement.labels 为空,也没有与之关联的原生 label。
浏览器无障碍快照中,空值时该控件名称显示“请输入标题”;输入后只显示无名称的 textbox 及当前内容。标题值不应代替字段名称。用户返回已经填写的表单时,缺少持久标签可能降低对标题输入用途的识别性。
本次仅验证公开编辑页面的 DOM 属性及浏览器无障碍快照,没有声称测试了全部浏览器或实际读屏软件;测试标题已清空,未保存或发布测试文章。这与此前反馈的“预览关闭控件语义”属于不同控件和不同问题。
建议方案
1. 为标题输入框增加始终存在、可见的“文章标题”标签,使用 label for="blogTitle" 与输入框关联;即使保留动态 placeholder,也不要将其作为唯一字段名称。
2. 如布局暂时无法增加可见标签,至少提供稳定的 aria-label="文章标题",或由 aria-labelledby 指向实际标签;提示内容和字符数可作为描述,不覆盖名称。
3. 对博客写作页的标签搜索、摘要等输入字段进行同类检查,避免内容填写后失去用途说明,但本反馈不将未逐一验证的其他字段判为缺陷。
4. 验收覆盖空值、已输入、失焦后重新聚焦、编辑已保存草稿四种状态,字段始终具有“文章标题”可访问名称;填写内容和草稿保存不受影响。
反馈边界
反馈仅包含公开页面路径、控件 ID、DOM 属性及复现步骤,不包含手机号、Cookie、密码、登录票据或密钥。由 lgbisha 基于实际复核整理,AI 辅助表述。
yd_234095983
发布于 2026-10-22 08:53:47
2026-10-22
3 1
0/1000
仅支持JPG、JPEG、PNG、GIF,数量不超过4张且每张大小不超过2MB
删除建议
全部评论(1)
评论(1)
感谢您的反馈,您的建议已提交相关团队评估,结果将尽快告知。请您持续关注云声平台了解处理进展。感谢您对华为云的支持!