Freecodecamp: [베타] 접근성 적용 - 테스트에서 닫는 태그를 확인하지 못함

에 만든 2018년 01월 05일 · 3코멘트 · 출처: freeCodeCamp/freeCodeCamp

챌린지 이름

https://beta.freecodecamp.org/en/challenges/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark

문제 설명

여기에서 찾은 두 가지 문제가 있습니다.

첫째, 테스트 중 하나는 이 코드에 사용된 <div> 태그가 없어야 한다고 말합니다. 닫는 </div> 태그가 코드에 남아 있으면 테스트가 통과합니다.

둘째, 여는 <nav> 태그를 사용하고 닫는 </nav> 태그를 생략하면 테스트도 통과합니다.

브라우저 정보

브라우저 이름, 버전: Chrome, 버전 63.0.3239.108(공식 빌드)(64비트)
운영 체제: 윈도우 10 프로
모바일, 데스크탑 또는 태블릿: 데스크탑

귀하의 코드

<body>
  <header>
    <h1>Training with Camper Cat</h1>

    <nav>
      <ul>
        <li><a href="#stealth">Stealth &amp; Agility</a></li>
        <li><a href="#combat">Combat</a></li>
        <li><a href="#weapons">Weapons</a></li>
      </ul>
    </div>

  </header>
  <main>
    <section id="stealth">
      <h2>Stealth &amp; Agility Training</h2>
      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
      <article><h3>No training is NP-complete without parkour</h3></article>
    </section>
    <section id="combat">
      <h2>Combat Training</h2>
      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
    </section>
    <section id="weapons">
      <h2>Weapons Training</h2>
      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
    </section>
  </main>
</body>

스크린샷

accessibility

help wanted

출처

Asjas

모든 3 댓글

수정에 대한 한두 가지 아이디어가 있습니다. pull 요청을 제출하기 전에 다음 며칠 동안 로컬에서 일부 변경 사항을 테스트할 것입니다.

편집: FCC가 로컬에서 작동하도록 할 수 없었기 때문에 진전이 없었습니다. 나 기다리지 마!

matthras 에 2018년 01월 17일

문제를 재현하고 </div> 및 </nav> 태그에 대한 테스트를 성공적으로 추가했습니다. 내 솔루션은 사용자의 답변에 </nav> 가 포함되어 있고 </div> 포함되어 있지 않은지 테스트하기 위해 두 개의 새로운 테스트 라인을 추가한 것입니다. @raisedadead 이 솔루션에 문제가

anhtran1906 에 2018년 01월 24일

👍1

@matthras 기여자 채팅방에 연락해 주시면 현지 설정을 위해 노력하겠습니다.

@anhtran1906 작업해 주셔서 감사합니다. 풀 리퀘스트를 진행해 주시면 필요한 경우 추가 피드백으로 안내해 드리겠습니다.

감사하고 행복한 기여!

raisedadead 에 2018년 01월 25일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급