Skip to content

Commit

Permalink
Rebuild and updated the demos index to replace the table techniques b…
Browse files Browse the repository at this point in the history 
…y a link under the optimal content example
  • Loading branch information
@duboisp
duboisp committed Sep 5, 2012
1 parent 5f0263e commit 51459d1
Show file tree
Hide file tree
Showing 4 changed files with 57 additions and 42 deletions.
2 changes: 1 addition & 1 deletion build/js/pe-ap-min.js
View file

Large diffs are not rendered by default.

27 changes: 7 additions & 20 deletions demos/index-eng.html
View file
Expand Up @@ -250,6 +250,13 @@ <h1 id="wb-cont">Working examples</h1>
<section><h2 id="opt-cont">Optimal content examples</h2>
<ul>
<li><a href="opt-cont/index-eng.html"><span class="wb-invisible">Optimal content examples - </span>English examples</a></li>
<li><a href="../docs/tableparser/index-eng.html">Documentation related to HTML Table</a></li>
</ul>
</section>

<section><h2 id="opt-cont-tools">Optimal content development tools</h2>
<ul>
<li><a href="../docs/tableparser/validator-htmltable.html">HTML Table Validator</a></li>
</ul>
</section>

Expand Down Expand Up @@ -365,29 +372,9 @@ <h1 id="wb-cont">Working examples</h1>
<li><a href="zebra/simplegrouping.html"><span class="wb-invisible">Zebra striping - </span>Simple grouping table</a></li>
<li><a href="zebra/invoice.html"><span class="wb-invisible">Zebra striping - </span>Invoice table</a></li>
<li><a href="zebra/rowlevelwithsummary.html"><span class="wb-invisible">Zebra striping - </span>Row level with summary table</a></li>

<li><a href="zebra/zebra-eng.html"><span class="wb-invisible">Zebra striping - </span>English examples</a></li>
<li><a href="zebra/zebra-fra.html"><span class="wb-invisible">Zebra striping - </span>French examples</a></li>
</ul>

<h3>HTML Tables Techniques</h3>
<ol>
<li><a href="../docs/tableparser/keycell-techniques.html">Defining a Key Cell</a></li>
<li><a href="../docs/tableparser/rowgrouping-techniques.html">Defining a Data Row Group</a></li>
<li><a href="../docs/tableparser/summariesrowgroup-techniques.html">Summaries a Data Row Group</a></li>
<li><a href="../docs/tableparser/headerrowgroupstructure-techniques.html">Structuring the Header Row</a></li>
<li><a href="../docs/tableparser/rowheader-description-techniques.html">Describing a Row Header Cell</a></li>
<li><a href="../docs/tableparser/rowgroupheader-description-techniques.html">Describing a Row Group Header Cell</a></li>
<li><a href="../docs/tableparser/colgroupheader-techniques.html">Defining Column Group Header</a></li>
<li><a href="../docs/tableparser/headercolgroupstructure-techniques.html">Structuring the Header Column Cell</a></li>
<li><a href="../docs/tableparser/datacolgroup-techniques.html">Defining a Data Column Group</a></li>
<li><a href="../docs/tableparser/colgroupsummary-techniques.html">Summaries a Data Column Group</a></li>
<li><a href="../docs/tableparser/colheader-description-techniques.html">Describing a Column Header Cell</a></li>
<li><a href="../docs/tableparser/layoutcell-techniques.html">Defining a Layout Cell</a></li>
</ol>
<ul>
<li><a href="../docs/tableparser/validator-htmltable.html">HTML Table Validator</a></li>
</ul>
</section>
</div>

Expand Down
29 changes: 8 additions & 21 deletions demos/index-fra.html
View file
Expand Up @@ -150,6 +150,7 @@ <h1 id="wb-cont">Exemples pratiques</h1>
<section><h2 id="opt-cont">Exemples optimaux de contenu</h2>
<ul>
<li><a href="opt-cont/index-eng.html"><span class="wb-invisible">Exemples optimaux de contenu - </span>Exemples en anglais</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/index-eng.html">Documentation related to HTML Table</a></li>
</ul>
</section>

Expand Down Expand Up @@ -254,6 +255,13 @@ <h1 id="wb-cont">Exemples pratiques</h1>
</ul>
</section>

<section><h2 id="opt-cont-tools">Outils optimaux de contenu</h2>
<ul>
<li><a lang="en" hreflang="en" href="../docs/tableparser/validator-htmltable.html">HTML Table Validator</a></li>
</ul>
</section>


<section><h2 id="prettify">Prettify (code source)</h2>
<ul>
<li><a href="prettify/prettify-eng.html"><span class="wb-invisible">Prettify (code source) - </span>Exemples en anglais</a></li>
Expand All @@ -270,27 +278,6 @@ <h1 id="wb-cont">Exemples pratiques</h1>
<li><a href="zebra/rowlevelwithsummary.html"><span class="wb-invisible">Rayage du zèbre - </span><span lang="en">Row level with summary table</span></a></li>
<li><a href="zebra/zebra-eng.html"><span class="wb-invisible">Rayage du zèbre - </span>Exemples en anglais</a></li>
<li><a href="zebra/zebra-fra.html"><span class="wb-invisible">Rayage du zèbre - </span>Exemples en français</a></li>


<h3>Technique pour les tableaux HTML - En anglais</h3>
<ol>
<li><a lang="en" hreflang="en" href="../docs/tableparser/keycell-techniques.html">Defining a Key Cell</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/rowgrouping-techniques.html">Defining a Data Row Group</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/summariesrowgroup-techniques.html">Summaries a Data Row Group</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/headerrowgroupstructure-techniques.html">Structuring the Header Row</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/rowheader-description-techniques.html">Describing a Row Header Cell</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/rowgroupheader-description-techniques.html">Describing a Row Group Header Cell</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/colgroupheader-techniques.html">Defining Column Group Header</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/headercolgroupstructure-techniques.html">Structuring the Header Column Cell</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/datacolgroup-techniques.html">Defining a Data Column Group</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/colgroupsummary-techniques.html">Summaries a Data Column Group</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/colheader-description-techniques.html">Describing a Column Header Cell</a></li>
<li><a lang="en" hreflang="en" href="../docs/tableparser/layoutcell-techniques.html">Defining a Layout Cell</a></li>
</ol>
<ul>
<li><a lang="en" hreflang="en" href="../docs/tableparser/validator-htmltable.html">HTML Table Validator</a></li>
</ul>

</ul>
</section>

Expand Down
41 changes: 41 additions & 0 deletions docs/tableparser/validator-htmltable.html
View file
Expand Up @@ -518,6 +518,7 @@ <h1 id="wb-cont">HTML Table Validator - Table Usability - Web Experience Toolkit

<p><em>This is a HTML Table Validator to help you to see any issue from your HTML Table. Also you will be able to setup your header/ids attribute</em></p>

<div class="module span-8">
<label for="idprefix">Id Prefix:</label> <input id="idprefix" value="tbl" /> <label for="idreset">Reset Ids:</label> <input id="idreset" type="checkbox" /><br />

<textarea id="inputHTMLtable" class="span-8" rows="20" cols="50">
Expand Down Expand Up @@ -590,7 +591,9 @@ <h1 id="wb-cont">HTML Table Validator - Table Usability - Web Experience Toolkit
</textarea>

<button id="analysetable" value="Analyse">Analyse</button>
</div>

<div class="clear"></div>

<div id="directOutput"></div>

Expand All @@ -609,6 +612,44 @@ <h1 id="wb-cont">HTML Table Validator - Table Usability - Web Experience Toolkit
-->

<hr />

<h2>Resources</h2>

<p><a href="index-eng.html">View all resource</a></p>

<h3>HTML Table Technique</h3>

<h4>Issued from the WET Toolbox 3.0</h4>
<ol>
<li><a href="keycell-techniques.html">Defining a Key Cell</a></li>
<li><a href="rowgrouping-techniques.html">Defining a Data Row Group</a></li>
<li><a href="summariesrowgroup-techniques.html">Summaries a Data Row Group</a></li>
<li><a href="headerrowgroupstructure-techniques.html">Structuring the Header Row</a></li>
<li><a href="rowheader-description-techniques.html">Describing a Row Header Cell</a></li>
<li><a href="rowgroupheader-description-techniques.html">Describing a Row Group Header Cell</a></li>
<li><a href="colgroupheader-techniques.html">Defining Column Group Header</a></li>
<li><a href="headercolgroupstructure-techniques.html">Structuring the Header Column Cell</a></li>
<li><a href="datacolgroup-techniques.html">Defining a Data Column Group</a></li>
<li><a href="colgroupsummary-techniques.html">Summaries a Data Column Group</a></li>
<li><a href="colheader-description-techniques.html">Describing a Column Header Cell</a></li>
<li><a href="layoutcell-techniques.html">Defining a Layout Cell</a></li>
</ol>

<h4>From the WCAG 2.0</h4>

<ul>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H51">H51: Using table markup to present tabular information</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H39">H39: Using caption elements to associate data table captions with data tables</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H73">H73: Using the summary attribute of the table element to give an overview of data tables</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H63">H63: Using the scope attribute to associate header cells and data cells in data tables</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H43">H43: Using id and headers attributes to associate data cells with header cells in data tables</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H79">H79: Identifying the purpose of a link using link text combined with its enclosing table cell and associated table headings</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/F34">F34: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to format tables in plain text content</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/F49">F49: Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/F46">F46: Failure of Success Criterion 1.3.1 due to using th elements, caption elements, or non-empty summary attributes in layout tables</a></li>
<li><a href="http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/G57">G57: Ordering the content in a meaningful sequence</a></li>
</ul>



Expand Down

0 comments on commit 51459d1

Please sign in to comment.