在哪里添加咏叹调模态的属性?(where to add the aria-modal attribu

2019-09-26 14:29发布

所以我有一个项目在哪里做出反应的模式没有正确的标记。

我知道我需要有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的文档,但我不知道如何使用它。

Answer 1:

aria-modal属性去为同一元素role=dialog



文章来源: where to add the aria-modal attribute?