如果在HTML元素上设置role =“”会发生什么？

Question

我正在使用ReactJS来创建一个通用的包装器组件。我希望将role作为propType传递给我，并且在我渲染的div上有类似<div role={role}>的内容。

我的问题是，如果没有传递角色，我最终会使用<div role="">怎么办？这会弄乱屏幕阅读器等吗？

我不想让它成为必需的道具，因为这只是一个通用的包装div而不是所有的元素都有一个角色。

Answer 1

不，它不应该弄乱任何东西。

就浏览器而言，<div role="">和<div>

之间并没有什么区别