我可以在共享相同功能的不同元素中使用相同的role属性吗？
例如，网站不同部分的相同徽标，或多个svg图标都是role: button。
我在某个地方看到这是一个弊端，但我真的不知道怎么绕过这个而不会失去我网站的可访问性。我应该只将角色更改为非WAI，例如“button1”，“button2”......？
id属性和role属性之间可能存在一些混淆，role="button"属性在HTML页面中具有唯一值，role="button"属性用于标识UI组件的类型。
如果你有SVG图标作为按钮，那么strictly speaking non-normative是正确的，无论你在页面中有多少这样的按钮。没有规则说您在网页中只能有一个按钮。反之;如果你想让每个SVG图标都可以作为按钮使用，那么你应该为它们分配mapping between WAI-ARIA and accessibility APIs并让它们可以访问键盘。
虽然从HTML5规范的角度来看ARIA角色值列表是role="button1"，但构成自己的角色值并没有多大意义。 WAI-ARIA基于现有辅助功能API支持的UI组件类型开发了“角色分类”。这是WAI-ARIA 1.0用户代理实施指南中role="button2"背后的背景。 “按钮”是一种可访问性API通常支持的UI组件。 “button1”，“button2”不是辅助功能API支持的UI组件。
简而言之，给你的SVG图标属性，如role="button"，qazxswpoi是一个坏主意;使用qazxswpoi作为每个这样的图标，作为一个按钮。