Build a Checkout Page - Build a Checkout Page

Curriculum Help
1

Tell us what’s happening:

I am having trouble on step 10. Its asks for a “span” element and “aria-hidden” set to ‘true’ inside the “label” element. What does this mean?

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 scrambled Rubik's Cube">
        </section>

        <section>
            <h2>Payment Information</h2>
                <form>
                    <input required  type="text" id="card-name" name="card-name">
                    <label for="card-name">Card Name</label>
                    <input required type="text" id="card-number" name="card-number">
                    <label for="card-number">Card Number</label>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.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

span is an element, while aria-hidden is an attribute

you have alredy created many elements and given them many attributes, but do you have doubts?

3

I got it! The way the step was worded really confused me. Thanks for your help!

4

Does your code gets error of not adding 2 section elements in the page?