Change:
[X] The "CSS" and the have the same value. This is affecting screen reader users since this involves an input and associated label. [ ] The logo in the upper left needs alt text. I would suggest it just be "freeCodeCamp". A lot of them. N/A Resolved Add alt text to the logo. Do we need to add an extra step for this or can we just add it to ? No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
Seeing as the logo is non-functional, do we want the alt to be null? ? If it does require an , then this should get its own step, and a clear description as to why it needs one should be given. I suggest changing the of the (and associated ) to .
Per , the logo does require alt text. Functionality isn't the deciding factor here, it's if the image conveys information (i.e. is not purely decorative), which this image clearly does. Do we want to split this off into its own issue if we are going to create a new step?
I would say yes, but it is not fun to deal with the merge conflict, when two PRs are opened at the same time.
The logo still needs an alt text. The logo is introduced in step 7: That step should be updated to instruct campers to give the an alt text of . The seed code in all subsequent steps should be updated to include that new attribute.
hey may i work on this issue? if so please assign it to me
Hey We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labelled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.

Discussion:
Within the `header`, provide context about the page by nesting one `img`, `h1`, and `nav` element. <del> The `img` should point to `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg`, and have an `id` of `logo`. </del> <ins> The `img` should point to `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg`, have an `id` of `logo`, and have an `alt` text of `freeCodeCamp`. </ins> The `h1` should contain the text `HTML/CSS Quiz`.

assert.equal(document.querySelector('img')?.id, 'logo'); ``` <ins> You should give the `img` element an `alt` attribute of `freeCodeCamp`. ```js assert.equal(document.querySelector('img')?.alt, 'freeCodeCamp'); ``` </ins> You should give the `h1` element the text `HTML/CSS Quiz`. ```js

</head> <body> <header> <del> <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </del> <ins> <img id="logo" alt="freeCodeCamp" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </ins> <h1>HTML/CSS Quiz</h1> <nav></nav> </header>

</head> <body> <header> <del> <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </del> <ins> <img id="logo" alt="freeCodeCamp" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </ins> <h1>HTML/CSS Quiz</h1> --fcc-editable-region-- <nav>

</head> <body> <header> <del> <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </del> <ins> <img id="logo" alt="freeCodeCamp" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </ins> <h1>HTML/CSS Quiz</h1> <nav> --fcc-editable-region--

</head> <body> <header> <del> <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </del> <ins> <img id="logo" alt="freeCodeCamp" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"> </ins> <h1>HTML/CSS Quiz</h1> <nav> <ul>