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

Question

我正在尝试改善我们Webapp上的屏幕阅读器支持，但是我在为按钮的最佳实践方面有些挣扎。我们当前的模式类似于this

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

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

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

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

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

Answer 1

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

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

• 高级用户往往更喜欢较短的标签，而较长的标签可能会惹恼他们。
• 初学者可能不了解标签是否太简洁
• 如果标签提供了过多的额外信息，或者如果词汇量过于技术性，则初学者也可能会被淹没

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

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

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

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

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

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

Answer 2

Tl; DR：请保持简洁。

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