Build a Checkout Page - Build a Checkout Page

Curriculum Help
1

Tell us what’s happening:

am getting an error that the label needs to have a span element with the text *. and aria-hidden=“true”, this is done but still am getting errors

Payment Information

<label for="card-name" *> Card Name

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="colored cube">
    </section>
    <section>
        <h2>Payment Information</h2>
        <form>
            <label for="card-name" <span aria-hidden="true">*</span>>  Card Name </label>
            <input id="card-name" name="card-name"type="text" required>

            <label for="card-number" <span aria-hidden="true">*</span>>Card Number</label>
            <input id="card-number" name="card-number" type="text" required>
            <p id="card-number-help" aria-describedby="card-number-help">Your card Number should have 8 digitals</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/153.0.0.0 Safari/537.36

Challenge Information:

Build a Checkout Page - Build a Checkout Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-checkout-page/66da326c02141df538f29ba5.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @Achie,

Please look carefully at the opening tag for your label element. Is that properly formed? Can another element be placed inside of it?

Happy coding

3

Thank you for the tip !! it worked!!