查看WCAG AA元素的可访问性标准。
我使用以下页面作为参考
http://achecker.ca/checker/suggestion.php?id=91
http://achecker.ca/checker/suggestion.php?id=208
http://achecker.ca/checker/suggestion.php?id=209
我们的目的是要么将<label>包裹在<select>周围，要么将其作为兄弟姐妹。
双重问题，标签必须可见吗？ 如果是这样，是否有像素推荐来补充该元素？ 如果它可见，我们打算保持它靠近，但我想反馈给设计团队。
是的，label元素需要可见。没有关于其位置的像素建议，但至关重要的是，它在视觉上与控件相关联(如此处的select元素)。毕竟，可能超过99%的访问者会使用常见的图形浏览器，并且许多访问者在理解表单结构时会遇到认知或其他困难。
您应该使用 WCAG 2.0 建议和相关文档，而不是一些辅助功能检查器作为基本参考。特别是，"理解WCAG 2.0"文档在H44：使用标签元素将文本标签与表单控件相关联时说："无论标签元素是否可见，这种技术对于成功标准1.1.1,1.3.1和4.1.2都足够了。也就是说，它可能使用 CSS 隐藏。但是，对于成功标准 3.3.2，标签元素必须是可见的，因为它为所有需要帮助理解字段用途的用户提供帮助。
标准3.3.2说："当内容需要用户输入时，提供标签或说明。显然，如果使用基于视觉的浏览的人(即我们大多数人)看不到它们，它们就不会被"提供"。
WCAG 2.0文档还说，由于某些浏览器中的问题，"显式"label元素(即具有for属性的label元素)比"隐式"(包含与其关联的控件的label元素)更可取。这也更合乎逻辑：控件不是其标签的一部分。