Challenge Instructions
This page has images and media elements. They should load, display correctly, and handle errors gracefully. But not everything works as expected...
- Check which images load and which don't
- Look for accessibility issues (missing alt text)
- Click on images - do they all respond?
- Watch for error handling when images fail to load
- Verify image dimensions match what's claimed
Weasel Wisdom: Images can be sneaky. They might fail silently, claim to be one size but display differently, or forget their accessibility duties. 🦡
Image Gallery
A collection of weasel images. Each one should display properly... right?
Happy Weasel
Dimensions: 200x200px
Sneaky Weasel
Dimensions: 200x200px
Curious Weasel
Dimensions: 200x200px
Clickable Images
Click on these images to see information about each weasel. All should be clickable.
Least Weasel
Short-tailed Weasel
Long-tailed Weasel
Image Dimensions Test
These images claim to be specific sizes. Are they telling the truth?
Claimed dimensions: 300x200px
Image Loading States
Click the button to "load" an image. It should show a loading state and handle errors.
No image loaded yet
🦡 Testing Challenge
⚠️ This page contains intentional bugs! Images behaving badly.
Look for these issues:
- Do all images load successfully? What happens when they don't?
- Are all images accessible (have alt text)?
- Do all clickable images actually respond to clicks?
- Do image dimensions match what's claimed?
- Does the image loader handle failures gracefully?
Challenge: There are 5 bugs hiding in the images. 🦡