Tell us what’s happening:
I have included the id and the aria-describedby correctly but its still giving me wrong
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Checkout Page</title>
</head>
<body>
<h1>Checkout</h1>
<section><h2>Your Cart</h2>
<img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="A picture of a cube">
</section>
<section><h2>Payment Information</h2>
<form>
<label for="card-name">Card Name:<span aria-hidden="true">*<input id="card-name" name="card-name" type="text" required></span></label>
<label for="card-number">Card Number<span aria-hidden="true"><input id="card-number" name="card-number" type="text" required>*
</span>
</label>
<p id="card-number-help" aria-describedby="card-number-help"> You can go through the process again if you are still not familiar with the site.Thank You.</p>
</form>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36
Challenge Information:
Build a Checkout Page - Build a Checkout Page