所以我有一个项目在哪里做出反应的模式没有正确的标记。
我知道我需要有aria-modal="true"
,但我不知道这属性添加,无论我有100% className
。 因此,例如:
renderModal() {
return (
<Modal
isOpen={this.props.isOpen}
onRequestClose={this.toggleModal}
contentLabel="Address Book"
className={this.props.parentClassName ?
this.props.parentClassName + " address-modal" :
"address-modal"}
role="dialog"
>
{this.renderAddressForm()}
</Modal>
);
}
renderAddressForm(){
return(
<div className={this.props.parentClassName ? "form-"+this.props.parentClassName : null}>
<h2 className="modal-title">{this.props.title}</h2>
添加我aria-modal="true"
在所有与元素className
? 如<Modal>
, <div>
<h2>
我已阅读,说:“晓月模态属性用于指示存在‘模’元素排除的页面上的其他内容的使用。”在ARIA 1.1的文档,但我不知道如何使用它。