[Solved] What is the main problem with this HTML snippet for accessibility?<input type='text' id='email'><label>Email</label> | Testing Fundamentals

Testing Fundamentals - Non-Functional Testing

What is the main problem with this HTML snippet for accessibility?

<input type='text' id='email'>
<label>Email</label>

AThe label text is missing

BThe label is not associated with the input

CThe input type is incorrect

DThe input is missing a placeholder

Step-by-Step Solution

Solution:

Step 1: Check label and input association
The label lacks a 'for' attribute linking it to the input's id, so screen readers can't associate them.
Step 2: Verify other options
Input type 'text' is correct for email (though email type exists), label text is present, placeholder is optional.
Final Answer:
The label is not associated with the input -> Option B
Quick Check:
Label must link to input via 'for' attribute [OK]

Quick Trick: Use label's for attribute matching input id for accessibility [OK]

Common Mistakes:

Master "Non-Functional Testing" in Testing Fundamentals

9 interactive learning modes - each teaches the same concept differently

More Testing Fundamentals Quizzes

What is the main problem with this HTML snippet for accessibility?