Linked thumbnail images should be taken out of the flow for screenreaders

[jbickar]

If you look at the View here (https://sites.stanford.edu/sociology/people/faculty), which is the stanford_person_faculty View, it generates accessibility errors because the images are hyperlinked and do not have descriptive alt text. Because we also are hyperlinking the neighboring h3 element to the same destination, best practice would be:

<a href="foo"><img src="img.jpg" /><h3>Jane Stanford</h3></a>

However, that might cause problems with styling. We may instead want to add the role="presentation" attribute to the img element.

[jbickar]

Eh, and I'm not sure how severe this is, will have to check with Jennifer. It's certainly a problem of link overload, but Voice Over on Safari, at least, announces the hyperlinked path for the image, which (because we're using pathauto) actually provides some semantic information.

[jbickar]

We want to wrap the image and the h3 in the <a> tag. See https://devspace.stanford.edu/jira/browse/FEATURES-90