Accessibility Attributes — Labels & aria-label

同学们，我们聊聊可访问性里最基础也最好理解的一点——正确的标签。 你看，在Lightning里，像lightning-input这种基础组件，它们很聪明。只要你设了label属性，组件就会自动通过for和id的关系，把标签和输入框关联起来。屏幕阅读器读的时候，就知道这个标签是描述下面那个输入框的，很方便。 但有时候我们可能觉得，哎，画面上不想显示标签，就用aria-label代替吧。这里一定要注意：aria-label这个属性，只有屏幕阅读器能读到，正常用眼睛看屏幕的用户是完全看不到的。所以如果那段文字对所有人都重要——比如“用户名”、“密码”，那你还是老老实实让它显示出来，别藏起来。 举个按钮的例子。有人写了个按钮，既写了label="Log In"，又写了aria-label="Log In"。这aria-label就多余了，因为眼睛看到和耳朵听到的信息一模一样，不会带来任何额外好处。只有在一种情况下用aria-label才合理：那就是你需要给屏幕阅读器用户额外说明，或者画面上实在没法放可见标签的时候。比如一个只有图标的按钮，没有文字，那aria-label="关闭"就能告诉视障用户这个按钮是干什么的。记住，aria-label是补充，不是替代，别滥用。 好，这一点就跟大家交代清楚啦。