Почему для реакции-модальности требуется содержание contentLabel?

Question

я начал получать это предупреждение о моих реагирующих покадровых компонентах:

Предупреждения: Failed propType: Требуется проп contentLabel не был указан в Modal.

Это не мешает модальному работать правильно, я просто вижу предупреждение в консоли инструментов разработчика. Я могу передать эту подсказку, указав некоторую случайную строку, но я не понимаю, для чего это фактически используется, и почему это требуется.

Answer 1

contentLabel улучшает доступность. Вероятно, вы этого не заметите, но в определенных ситуациях этот prop может помочь вашим пользователям понять, что такое модальный. От their repository:

Объект режимное имеет два обязательных реквизита:

• isOpen для оказания своих детей.
• contentLabel для улучшения a11y, начиная с v1.6.0.

Значение contentLabel устанавливается как aria-label на модального элемента. Это помогает assistive technology, как и устройства для чтения с экрана, добавить ярлык к элементу, который в противном случае был бы анонимным. Люди с нарушениями зрения, например, могут придать дополнительный смысл вашему модалю при добавлении.

Answer 2

В этом https://github.com/reactjs/react-modal/blob/master/dist/react-modal.js contentLabel и isOpen заданы как это содержимоеLabel: React.PropTypes.string.isRequired, если вы удаляете .isRequired, тогда вы можете использовать модальное значение без определения contentLabel prop.