Learn Accessibility by Building a Quiz - Step 38

HTML-CSS
1

Tell us what’s happening:

Por favor . Não estou entendo o que errei , onde está faltando o quê muito menos , o que colocar no id , classe e for . Eu coloco sempre nos lugares que há correção pede , porém não dá certo.

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

            <div class="question-block">
              <label>Can the CSS margin property accept negative values?</label>
            </div>
            <div class="answer">
              <select required for="label" id="option"><label for="option" name="clear"></label>
                <option value="">Select an option</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
              </select>
            </div>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Avast/131.0.0.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 38

2

tire isso do seu select

1 Like
3

Olá @lizaraxamg

O atributo for precisa estar na tag de abertura label.

Redefina a etapa para restaurar o código original e tente novamente.

Boa codificação

1 Like
4

Ainda não deu certo !!! Vou colar e pedir que olhe para mim!!! Link the first label element to the select element, and give the select element a name attribute.

5

Olá

Você colocou o atributo for no seguinte elemento label.

Boa codificação

6

Super me ajudou . O que seria de mim sem essa comunidade!!!

1 Like
7

Tell us what’s happening:

A dúvida ficou feia agora e não quero usar inteligência artificial . Quem puder me ajudar já agradeço.

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

            <div class="question-block">
              <label >Can the CSS margin property accept negative values?<select name="text" for="underestand" id="question-block"></label>
            </div>
            <div class="answer">
              <select required>
                <option value="">Select an option</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
              </select>
            </div>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Avast/131.0.0.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 38

8

Enviei duas vezes me desculpe . Fiz todas as mudanças não deu certo!!! Eu realmente esqueci que tinha enviado e enviei a segunda vez @ILM não me bloquei , foi erro por esquecimento

9

Olá @lizaraxamg

Aqui está uma comparação do código original e do seu código.

O código em azul é o código original, o código em vermelho é o seu código.
O código em magenta é a sobreposição.

image
image1010×279 21.8 KB

Remova o elemento select aninhado no elemento label. As instruções não pediram para você adicionar este elemento aqui.

Para esta etapa você precisa vincular o label e o select element. Você precisará usar os atributos apropriados para cada elemento. Você também precisará escolher um valor para o atributo. Revise as lições anteriores onde você vinculou o label a outro elemento.

Boa codificação