屏幕阅读器的可访问性：我的按钮应该有多“说话”？

Question

我正在尝试改善对Web应用程序的屏幕阅读器的支持，但是我在为按钮的最佳做法方面有些挣扎。 我们当前的模式看起来像这样

如果我专注于按钮，屏幕阅读器应该说...

...选择文件，需要吗？

...上传个人信件：选择文件？

...上传个人信件：选择文件。 允许的文件类型：doc，docx。 需要？

目前，我们正在寻求更健谈的版本，但是我们的团队在屏幕阅读器用户及其使用方面的经验有限，因此朝正确的方向发展将非常有帮助。 谢谢。 :)

Answer 1

没有真正的规则。 只要指示对用户足够清楚，就可以了。

实际上，这很大程度上取决于您对屏幕阅读器，Internet和设备的习惯：

• 高级用户往往更喜欢较短的标签，而较长的标签可能会惹恼他们。
• 初学者可能不明白标签是否过于简洁
• 如果标签提供了过多的额外信息，或者对于词汇表来说技术性太强，初学者也可能会感到无所适从

屏幕阅读器有许多选项，使您可以决定说什么和不说什么。 例如，Jaws称谓冗长，可以进一步自定义3个一般级别。 可悲的是，在Web上，您无法确定所选级别，也无法修改标记，因为您知道此元素仅在高级或中间模式下使用（无论如何都可以进一步高度自定义），因此最好的选择可能是中间选项：不太简洁，但也不太冗长。

我本人是屏幕阅读器用户； 作为高级用户，关于您的主张； 我会说：

与第一个相比，第二个使您对自己的期望更有信心。 如果要上传多个文件（例如，求职信+简历+照片），那么获取信息非常重要，这样就可以减少混乱的风险，即在“简历”字段中上传照片。 如果有多个具有相同标签的字段被标记为相同，则很难知道哪个是哪个。

指示允许的文件类型和此类要求非常好，但是最好放在标签之外。 请记住，每次您进入该字段时，都会再次说出整个标签。 如果有5个字段具有相同的信息，或者表单很复杂并且您必须来回多次，那么听到很多相同的消息很烦人。

因此，我将对第二个进行修改：“上传个人信件，必填”。 并在页面上的其他地方指出技术限制，例如文件类型，大小等，因为这仍然是一个好主意。

请注意，如果您在字段中输入了必填和aria必填属性，则可以从标签中忽略“必填”信息。 这是指示必填字段的建议方式。

Answer 2

Tl; DR：请保持简洁。

如果您想传达一些其他信息，例如允许的文件类型，大小，“请没有病毒”等， 请不要将其放在按钮本身上。 例如，最好使用aria-describedby并通过单独的控件描述所有这些内容，这些控件在视觉上连接到按钮（例如，按钮的右侧）。
我们，我的意思是屏幕阅读器用户经常浏览项目并进行其他奇怪的操作，例如调用页面上所有按钮的列表（即使是如今的讲述人也开始支持此类操作），因此，如果按钮标签过长，也将很烦人不久。