Freecodecamp: [Beta] 应用辅助功能 - 测试无法检查结束标记

创建于 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 位）
操作系统：Windows 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>