Bird
0
0

Which of the following is the correct way to make an image accessible by providing alternative text?

easy📝 Syntax Q3 of 15
Testing Fundamentals - Non-Functional Testing
Which of the following is the correct way to make an image accessible by providing alternative text?
A<img src='logo.png' alt='Company Logo'>
B<img src='logo.png' title='Company Logo'>
C<img src='logo.png' aria-hidden='true'>
D<img src='logo.png'>
Step-by-Step Solution
Solution:
  1. Step 1: Identify attribute for alternative text

    The alt attribute provides alternative text describing the image for screen readers.
  2. Step 2: Check other options for accessibility

    Title shows tooltip but is not reliable for screen readers; aria-hidden hides image from assistive tech; no alt means no description.
  3. Final Answer:

    <img src='logo.png' alt='Company Logo'> -> Option A
  4. Quick Check:

    Alt attribute = accessible image description [OK]
Quick Trick: Always use alt attribute to describe images for accessibility [OK]
Common Mistakes:
  • Using title instead of alt for images
  • Omitting alt attribute entirely
  • Using aria-hidden on important images

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Testing Fundamentals Quizzes