| <!DOCTYPE html> |
| <body> |
| <!-- An image should be annotated. --> |
| <img src="red.png" width=16 height=16> |
| |
| <!-- If there's an image in a link, both should be annotated. --> |
| <a href="#"> |
| <img src="green.png" width=16 height=16> |
| </a> |
| |
| <!-- If there are two images, the link should not be annotated. --> |
| <a href="#"> |
| <img src="red.png"> |
| <img src="printer.png"> |
| </a> |
| |
| <!-- If there's text and an image, the link should not be annotated. --> |
| <a href="#"> |
| <img src="red.png"> |
| Text |
| </a> |
| |
| <!-- An extra div is fine, we should still annotate the link. --> |
| <a href="#"> |
| <div> |
| <img src="printer.png" width=16 height=16> |
| </div> |
| </a> |
| |
| <!-- A positioned image should still annotate the link. --> |
| <a href="#"> |
| <img src="green.png" width=16 height=16 style="position: absolute"> |
| </a> |
| |
| </body> |