أين تضيف السمة aria-modal؟

1

لذا لدي مشروع في React حيث لا يحتوي الوسيط على الترميز المناسب.

أنا أعلم أنني بحاجة إلى 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 التي تقول "يتم استخدام السمة aria-modal للإشارة إلى أن وجود عنصر" مشروط "يمنع استخدام محتوى آخر على الصفحة." ، لكنني لست متأكدًا من كيفية تطبيقه.

1 إجابة

3
افضل جواب

ال aria-modal السمة تذهب على نفس العنصر مثل role=dialog

:مؤلف
فوق
قائمة طعام