This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.
1) I think screen reader users should be explicitly informed that information below is the alternative... rather than deducing it from the heading above the alternative. alt="Flowchart: Dealing with a broken lamp."> I would add "full description below" alt="Flowchart: Dealing with a broken lamp. Full description below"> ======== alt="Bar chart: Average rainfall in millimetres by Country and Season." Same here alt="Bar chart: Average rainfall in millimetres by Country and Season. Table of data below"
This example does not appear to have an explicit programmatic association between the image and the long description. And there does not appear to be a reference to the data in the alt, to make an implicit association... there is the similarity between the alt and the caption text, but I think we need to provide an example that can be replicated, and there are not many situation where the alt and the title of the long description will be the same. ====Current=== <img src="rainchart.gif" alt="Bar chart: Average rainfall in millimetres by Country and Season."> <table> <caption>Rainfall in millimetres by Country and Season.</caption> <tr><td><th scope="col">UK <th scope="col">Japan<th scope="col">Australia</tr> <tr><th scope="row">Spring <td>5.5 (highest)<td>2.4 <td>2 (lowest)</tr> <tr><th scope="row">Summer <td>4.5 (highest)<td>3.4<td>2 (lowest)</tr> <tr><th scope="row">Autumn <td>3.5 (highest) <td>1.8 <td>1.5 (lowest)</tr> <tr><th scope="row">Winter <td>1.5 (highest) <td>1.2 <td>1 lowest</tr> </table> ===Suggestion=== <img src="rainchart.gif" alt="Bar chart: Average rainfall in millimetres by Country and Season. Table of data follows:"> <table> <caption>Rainfall in millimetres by Country and Season.</caption> <tr><td><th scope="col">UK <th scope="col">Japan<th scope="col">Australia</tr> <tr><th scope="row">Spring <td>5.5 (highest)<td>2.4 <td>2 (lowest)</tr> <tr><th scope="row">Summer <td>4.5 (highest)<td>3.4<td>2 (lowest)</tr> <tr><th scope="row">Autumn <td>3.5 (highest) <td>1.8 <td>1.5 (lowest)</tr> <tr><th scope="row">Winter <td>1.5 (highest) <td>1.2 <td>1 lowest</tr> </table>
as per Janina's suggestion "Long description follows" would be better than "below"
fixed by a different method using figure/aria have added figure/figcaption + aria to provide grouping and association <figuer role="group" aria-labelledby="caption"> <img src="rainchart.gif" alt="Bar chart: Average rainfall in millimetres by Country and Season."> <table> <caption id="caption">Rainfall in millimetres by Country and Season.</caption> <tr><td><th scope="col">UK <th scope="col">Japan<th scope="col">Australia</tr> <tr><th scope="row">Spring <td>5.5 (highest)<td>2.4 <td>2 (lowest)</tr> <tr><th scope="row">Summer <td>4.5 (highest)<td>3.4<td>2 (lowest)</tr> <tr><th scope="row">Autumn <td>3.5 (highest) <td>1.8 <td>1.5 (lowest)</tr> <tr><th scope="row">Winter <td>1.5 (highest) <td>1.2 <td>1 lowest</tr> </table> </figure>