仅图片搜索提交按钮：value=Search能否作为有效替代文本符合WCAG1.1.1？

• 先看你的实际实现细节：
  如果这个搜索按钮是通过CSS隐藏了value="Search"的文字，仅显示缩放图标背景，那多数主流屏幕阅读器会读取这个value值，相当于给图标提供了文本替代，这时候是能满足1.1.1要求的。
  但要注意隐藏文字的CSS写法——要是用了display: none或者visibility: hidden，屏幕阅读器可能读不到这个value，那就不符合标准；得用那种仅视觉隐藏、但屏幕阅读器仍能抓取的写法，比如text-indent: -9999px、clip-path: inset(50%)这类，才能保证value正常被读取。

• 给你个更稳妥的实现方案：
  比起用input[type="submit"]靠CSS改图标，不如用<button>元素，里面直接写文字「Search」再加上图标，然后用视觉隐藏CSS把文字藏起来。这种方式的兼容性更好，屏幕阅读器识别起来更稳定。
  要是你实际应该用图片按钮（input[type="image"]）却写成了type="submit"，那必须设置alt="Search"，这时候value只是提交时的参数值，不能替代alt作为非文本内容的描述。

内容的提问来源于stack exchange，提问作者Zebda