[Solved] Consider this HTML snippet:<button>Click me</button>Which accessibility improvement is best? — Ans: Add aria-label="Submit button" to the button | Testing Fundamentals

Testing Fundamentals - Non-Functional Testing

Consider this HTML snippet:

<button>Click me</button>

Which accessibility improvement is best?

ARemove the button element

BAdd <code>aria-label="Submit button"</code> to the button

CChange button text to <code>""</code> (empty string)

DAdd <code>style="color: white;"</code> only

Step-by-Step Solution

Solution:

Step 1: Understand button accessibility
Buttons need clear labels for screen readers; adding aria-label clarifies purpose.
Step 2: Evaluate other options
Empty text or removing button removes meaning; styling alone doesn't improve accessibility.
Final Answer:
Add aria-label="Submit button" to the button -> Option B
Quick Check:
Use aria-label for clear button description [OK]

Quick Trick: Use aria-label to describe buttons clearly [OK]

Common Mistakes:

Master "Non-Functional Testing" in Testing Fundamentals

9 interactive learning modes - each teaches the same concept differently

More Testing Fundamentals Quizzes

Consider this HTML snippet: