我对客户网站进行了某种可访问性测试（针对盲人，聋人用户等），并且还提示如何改善可访问性。
其中一个提示是图像按钮：
此外，按钮应该有一个简短而有意义的描述，例如：用一个看不见的文字。隐形文字不应该是 标有属性display：none和visibility：hidden。 而是应该将文本移出视口：
<a href=”...”>[Font-Icon] <span class=“invisible“>Delete</span></a>
.invisible { position:absolute; left:-10000px; overflow:hidden;}
我想问一下这是否仍然是推荐的解决方案。对我来说似乎已经过时了。我应该使用某种aria标签而不是隐形元素，还是建议的解决方案好吗？
答案 0 :(得分：1)
按钮应该得到简短而有意义的描述，例如用不可见的文字。
对我来说似乎已经过时了。
你是对的，这不是解决方案。
在谈论可访问性时，我们不必只关注使用屏幕阅读器的盲人，而是关注所有类型的残疾人。将文本移出视口是完全无稽之谈。当ARIA不受支持时，这曾经是使用屏幕阅读器的一小部分人群的（坏）解决方案，但这不再是一个真正的解决方案。
最好的解决方案仍然是撰写全文：
<a href="...">[Font-Icon] Delete</a>
是的，显而易见，但值得一提。
第二种解决方案是使用title属性。如果屏幕阅读器不支持，为什么要使用它？因为99％的人口不使用屏幕阅读器。 ＆＃34; [字体图标]＆＃34;值得有另一种选择。 （为了获得更好的辅助功能支持，此title属性应该有一种在键盘焦点上可见的方式。）
<a href="..." title="Delete">[Font-Icon]</a>
最终的解决方案是为屏幕阅读器用户添加aria-label，为其他人留下title属性。
<a href="..." title="Delete" aria-label="Delete">[Font-Icon]</a>