項目C(反応型)-ビューア


送信



HTML
😡Try again
  • メニューを示すnavラベルでもう一度包みます.これは意味のない深さを増やすのとは違います.navラベルを作成することで、スクリーンリーダーは「メニュー」の意味を読み取ることができます.これは、Webアクセス操作を意味します.
  • <!--No-->
          <ul class="nav active">
            <li>
              <a class="nav_link">About</a>
            </li>
            <li>
              <a class="nav_link">Work</a>
            </li>
            <li>
              <a class="nav_link">Contact</a>
            </li>
          </ul>
    
    <!--Yes-->
        <nav>
          <ul class="nav active">
            <li>
              <a class="nav_link">About</a>
            </li>
            <li>
              <a class="nav_link">Work</a>
            </li>
            <li>
              <a class="nav_link">Contact</a>
            </li>
          </ul>
        </nav>
  • altプロパティに明記されています.ただし、図タイトルラベルは、次の行に直接写真を記述するため、定義は重複する.したがって、行のaltプロパティは空に作成されます.たとえば、「」です.
  • <!--No-->
        <figure>
          <img class="making_img" src="./image/strawberry_cake_material.jpg" alt="밀가루, 달걀 및 재료">
          <figcaption class="contents_text img_ex">[사진1] 밀가루, 달걀 및 재료</figcaption>
        </figure>
    
    <!--Yes-->
        <figure>
          <img class="making_img" src="./image/strawberry_cake_material.jpg" alt="">
          <figcaption class="contents_text img_ex">[사진1] 밀가루, 달걀 및 재료</figcaption>
        </figure>