<!DOCTYPE html>
<html lang="en-ca">
<head>
  <meta charset="utf-8">
  <title>ARIA described at</title>
</head>
<body>

<img src="img/graph.png" aria-describedat="#moon-data" alt="">

<dl id="moon-data" hidden>
  <dt>Jupiter</dt>
  <dd>67 moons</dd>
  <dt>Saturn</dt>
  <dd>62 moons</dd>
  <dt>Neptune</dt>
  <dd>14 moons</dd>
  <dt>Uranus</dt>
  <dd>27 moons</dd>
</dl>

</body>
</html>

<!DOCTYPE html>
<html lang="en-ca">
<head>
  <meta charset="utf-8">
  <title>ARIA details</title>
</head>
<body>

<img src="img/graph.png" aria-details="planet-info" alt="">

<dl id="planet-info" hidden>
  <dt>Jupiter</dt>
  <dd>67 moons</dd>
  <dt>Saturn</dt>
  <dd>62 moons</dd>
  <dt>Neptune</dt>
  <dd>14 moons</dd>
  <dt>Uranus</dt>
  <dd>27 moons</dd>
</dl>

</body>
</html>

Update the code to aria-details
Update the code to aria-details
