Dear Xara...
...altering any image to a full width stretch loses both alt & title detail, important for Accessibility (& SEO).
<img class="xr_rn_index_htm_files/165@2x.jpg xr_ap photo" src="index_htm_files/213.jpg" alt="Very important description for screen readers" title="Pretty Picture!" style="left: 325px; top: 0px; width: 640px; height: 360px; opacity: 1;">
becomes:
<span class="xr_ar photo xr_scstrch" style="height: 360px; top: 0px; position: absolute; background: url("index_htm_files/213@2x.jpg" center center / cover no-repeat; opacity: 1;"></span>
but should be:
<span class="xr_ar photo xr_scstrch" aria-label="Very important description for screen readers" title="Pretty Picture!" style="height: 360px; top: 0px; position: absolute; background: url("index_htm_files/164@2x.jpg" center center / cover no-repeat; opacity: 1;"></span>
title can be separately added separately to the stretch image but this is a unwanted additional step.
I believe aria-label is best suited for a description of the stretched image.
Acorn
Bookmarks