为什么react-modal需要prop contentLabel？

Question

我开始在我的react-modal组件上收到此警告:

警告:propType失败:contentLabel未指定必需的prop Modal.

它不会阻止模态正常工作,我只是在开发工具控制台中看到警告.我可以通过指定一些随机字符串来传递这个prop,但我不明白它实际上用于什么,以及为什么它是必需的.

Answer 1

contentLabel改善可访问性.您可能没有注意到它,但在某些情况下,这prop可以帮助您的用户了解模态的内容.从他们的存储库:

Modal对象有两个必需的道具:

• isOpen 渲染自己的孩子.
• contentLabel自从改进以来v1.6.0.

值的值contentLabel设置为aria-label模态元素.这有助于辅助技术(如屏幕阅读器)向一个否则将是匿名的元素添加标签.例如,视力障碍患者在添加时可以更好地理解您的模态.