Added some longdesc attributes. A few more need to be done.

Author: bert-github

css3-layout/Overview.src.html

@@ -43,7 +43,7 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
 
 <div class=sidefigure>
   <p><img src="diagram.png" alt="Image: four elements move to four
-  slots in a template">
+  slots in a template" longdesc="diagram.desc">
 
   <p class=caption>A grid with four slots defined by 'display:
   "aaaaaaa" "bccccdd"'.
@@ -147,7 +147,7 @@ <h2>Introduction</h2>
 
 <div class=sidefigure>
   <p><img src="diagram.png" alt="Image: four elements move to four
-  slots in a template">
+  slots in a template" longdesc="diagram.desc">
 
   <p class=caption>Four regions, called a, b, c and d, each receive a
   part of a document
@@ -225,7 +225,7 @@ <h2>Introduction</h2>
 stated.)
 
 <div class=sidefigure>
-  <p><img src="aapje.png" alt="Image: sample rendering">
+  <p><img src="aapje.png" alt="Image: sample rendering" longdesc="aapje.desc">
   <p class=caption>Each element occupies one slot. In this template,
   all slots have the same size.
 </div>
@@ -314,7 +314,7 @@ <h2>Introduction</h2>
 </pre>
 
 <div class=figure>
-  <p><img src="table1.png" alt="[Three unequal cells]">
+  <p><img src="table1.png" alt="[Three unequal cells]" longdesc="table1.desc">
 
   <p class=caption>Example of rendering with a table.
 </div>
@@ -348,7 +348,7 @@ <h2>Introduction</h2>
 <pre>.group {display: table; width: 100%; table-layout: fixed}</pre>
 
 <div class=figure>
-  <p><img src="table2.png" alt="[Three equal cells]">
+  <p><img src="table2.png" alt="[Three equal cells]" longdesc="table2.desc">
 
   <p class=caption>Example of rendering with equal columns.
 </div>
@@ -362,7 +362,8 @@ <h2>Introduction</h2>
 <pre>.group {display: "abc" * * 3em}</pre>
 
 <div class=figure>
-  <p><img src="table3.png" alt="[Two equal cells, third is 3em wide]">
+  <p><img src="table3.png" alt="[Two equal cells, third is 3em wide]"
+  longdesc="table3.desc">
 
   <p class=caption>Example of rendering with a fixed third column and
   the other two columns of equal width.
@@ -401,7 +402,8 @@ <h2>Introduction</h2>
 </pre>
 
 <div class=figure>
-  <p><img src="table4.png" alt="[Different contents for the cells]">
+  <p><img src="table4.png" alt="[Different contents for the cells]"
+  longdesc="table4.desc">
 
   <p class=caption>Example of rendering with the contents of the three
   columns reversed: the third element is shown in the first slot and
@@ -443,7 +445,7 @@ <h2>Introduction</h2>
 <p>results in a rendering similar to this:
 <div class=figure>
 <p><img src="footnotes.png" alt="Same text, with the SPAN replaced by
-“(1)” and it content moved to the end.">
+“(1)” and it content moved to the end." longdesc="footnotes.desc">
 <p class=caption>Rendering of a text with footnotes.
 </div>
 </div>
@@ -456,7 +458,7 @@ <h2>Introduction</h2>
 
 <div class=figure>
 <p><img src="regions-intro-rendering.png" alt="Image of a complex,
-3-column layout">
+3-column layout" longdesc="regions-intro-rendering.desc">
 <p class=caption>Example rendering
 </div>
 
@@ -1165,7 +1167,8 @@ <h2 id=position>Flowing content into the template: the 'position'
 in their slots.
 
 <div class="figure">
-<p><img alt="Image simulating the layout of the example" src="form.png">
+<p><img alt="Image simulating the layout of the example" src="form.png"
+longdesc="form.desc">
 
 <p class="caption">Possible rendering of the example.
 </div>