Skip to content

Commit

Permalink
Corrected minor typos.
Browse files Browse the repository at this point in the history
  • Loading branch information
Paul Jackson authored and Paul Jackson committed Apr 4, 2013
1 parent 570dcea commit 4159b6f
Show file tree
Hide file tree
Showing 23 changed files with 29 additions and 29 deletions.
2 changes: 1 addition & 1 deletion demos/tableparser/About-the-Table-Usability-Concept.html
Expand Up @@ -676,7 +676,7 @@ <h3>From the WCAG 2.0</h3>
<h2>More Resource</h2>

<ul>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/Data-Cell.html
Expand Up @@ -125,7 +125,7 @@ <h1 id="wb-cont">&ldquo;Data&rdquo; Cell - Table Usability - Web Experience Tool



<p><em>This article about a table usability guideline. The purpose of the table usability guideline is to explain how you can create usable complex table. The HTLM5 markup are used to illustrate the guideline methodology. This documentation/guideline are supported by a javascript table parser. Anything regards of HTML accessibility are not discussed here because with the javascript table parser it would be possible to auto setup the accessibility requirement on the fly, that for a complex usable table.</em></p>
<p><em>This article about a table usability guideline. The purpose of the table usability guideline is to explain how you can create usable complex table. The HTML5 markup are used to illustrate the guideline methodology. This documentation/guideline are supported by a javascript table parser. Anything regards of HTML accessibility are not discussed here because with the javascript table parser it would be possible to auto setup the accessibility requirement on the fly, that for a complex usable table.</em></p>



Expand Down
10 changes: 5 additions & 5 deletions demos/tableparser/ExtendedDefinition.html
Expand Up @@ -8,7 +8,7 @@
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
wet-boew.github.com/wet-boew/License-eng.txt / wet-boew.github.com/wet-boew/Licence-fra.txt -->
<title>Extended definition of HTLM5 table elements - Table Usability - Web Experience Toolkit (WET)</title>
<title>Extended definition of HTML5 table elements - Table Usability - Web Experience Toolkit (WET)</title>

<link rel="shortcut icon" href="../../dist/theme-gcwu-fegc/images/favicon.ico" />
<meta name="description" content="English description / Description en anglais" />
Expand Down Expand Up @@ -98,7 +98,7 @@
<div id="wb-main" role="main"><div id="wb-main-in">
<!-- MainContentStart -->

<h1 id="wb-cont">Extended definition of HTLM5 table elements</h1>
<h1 id="wb-cont">Extended definition of HTML5 table elements</h1>


<p><strong>A knowledge about how to design a table in a HTML format</strong> would help to understand this documentation. The Table Usability Concept assume that you already know the definition from the W3C related to table elements defined in the <a href="http://www.w3.org/TR/html5/" rel="external">HTML5 specification</a>.</p>
Expand Down Expand Up @@ -126,15 +126,15 @@ <h1 id="wb-cont">Extended definition of HTLM5 table elements</h1>
<li><strong><a href="http://www.w3.org/TR/html5/tabular-data.html#the-td-element" rel="external">td</a>:</strong> The td element represents a data cell in a table.</li>
</ul>

<p><em>Information was token from the HTLM5 specification, Editor's Draft 26 June 2012, Revision 1.5697</em></p>
<p><em>Information was token from the HTML5 specification, Editor's Draft 26 June 2012, Revision 1.5697</em></p>



<p>A basic knowledge about the <a href="http://www.w3.org/TR/html5/tabular-data.html#processing-model-1" rel="external">HTML table processing model</a> help on how to use the colspan and rowspan attribute on a cell in regards of the group element. The table usability concep should not conflic with the specification to <a href="http://www.w3.org/TR/html5/tabular-data.html#header-and-data-cell-semantics" rel="external">forming relationships between data cells and header cells</a> if the WCAG technique <a href="http://www.w3.org/TR/WCAG20-TECHS/H43.html" rel="external">H43: Using id and headers attributes to associate data cells with header cells in data tables</a> is used.</p>

<hr />

<p>The Table Usability define a new concept on how to create the relationship between the informative elements versus the tables structure elements. That is accomplished by following the HTLM5 specification on how the HTML elements is nested. The Table Usability Concept are supported by a Javascript Parser build with the jQuery framework.</p>
<p>The Table Usability define a new concept on how to create the relationship between the informative elements versus the tables structure elements. That is accomplished by following the HTML5 specification on how the HTML elements is nested. The Table Usability Concept are supported by a Javascript Parser build with the jQuery framework.</p>

<h2>Element Type</h2>

Expand Down Expand Up @@ -248,7 +248,7 @@ <h3>Row Level</h3>
<p>The row level is calculated by the number of row header inside a data row group. The level always increase and decrease of one level for the next summary row group.</p>
<h3>Row Level Inside a Data Group</h3>
<p>A row level can be increased inside a data group if the table structure is constant. This create a sub group based on the number of row the group header cell is spanned. However no summary can be defined in that sub row group because in the <a href="http://www.w3.org/TR/html5/tabular-data.html#processing-model-1">4.9.12 Processing model</a> from the HTLM5 specification said: <cite>A cell cannot cover slots that are from two or more row groups.</cite>.</p>
<p>A row level can be increased inside a data group if the table structure is constant. This create a sub group based on the number of row the group header cell is spanned. However no summary can be defined in that sub row group because in the <a href="http://www.w3.org/TR/html5/tabular-data.html#processing-model-1">4.9.12 Processing model</a> from the HTML5 specification said: <cite>A cell cannot cover slots that are from two or more row groups.</cite>.</p>
-->

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/Key-Description-Cell-Table-Row.html
Expand Up @@ -507,7 +507,7 @@ <h3>Complex Key Cell Structure</h3>
<h2>Description Cell</h2>


<p>There exist a few technique on how to add descriptive cell to a cell header. One of those techniques is to add inside the cell header a footnote. An other technique is to use the &quot;details/summary&quot; HTLM5 element in the cell header. Those two technique can be applied to any data cell in a table. But when we look at the cell header (th), now a thrid technique can be used. That technique is to add a data cell directly in the next column of (right of) the cell heading. A cell header can only have one descriptive data cell associated to.</p>
<p>There exist a few technique on how to add descriptive cell to a cell header. One of those techniques is to add inside the cell header a footnote. An other technique is to use the &quot;details/summary&quot; HTML5 element in the cell header. Those two technique can be applied to any data cell in a table. But when we look at the cell header (th), now a thrid technique can be used. That technique is to add a data cell directly in the next column of (right of) the cell heading. A cell header can only have one descriptive data cell associated to.</p>


<table class="wet-boew-zebra">
Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/Summary-Cell.html
Expand Up @@ -115,7 +115,7 @@ <h1 id="wb-cont">&ldquo;Summarys&rdquo; Cell - Table Usability - Web Experience



<p><em>This article about a table usability guideline. The purpose of the table usability guideline is to explain how you can create usable complex table. The HTLM5 markup are used to illustrate the guideline methodology. This documentation/guideline are supported by a javascript table parser. Anything regards of HTML accessibility are not discussed here because with the javascript table parser it would be possible to auto setup the accessibility requirement on the fly, that for a complex usable table.</em></p>
<p><em>This article about a table usability guideline. The purpose of the table usability guideline is to explain how you can create usable complex table. The HTML5 markup are used to illustrate the guideline methodology. This documentation/guideline are supported by a javascript table parser. Anything regards of HTML accessibility are not discussed here because with the javascript table parser it would be possible to auto setup the accessibility requirement on the fly, that for a complex usable table.</em></p>



Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/SummaryRowGroup.html
Expand Up @@ -943,7 +943,7 @@ <h2>Having multiple row group summary</h2>
</code></pre>
</details>

<p>A header cell column spanned (colspan attribute) for the full table width is used to identify each group. The cell header &quot;Copyright&quot; and &quot;Trade-mark&quot; is used to identify each group in the table 4. Each sub-total is associated to their respective group cell header. The &quot;Total&quot; row at the end represent the summaries for the entire table. The relationshipt are determined on how the subsequent <em>tbody</em> element is organized. The HTLM5 specification allow the use of multiple <em>tbody</em>.</p>
<p>A header cell column spanned (colspan attribute) for the full table width is used to identify each group. The cell header &quot;Copyright&quot; and &quot;Trade-mark&quot; is used to identify each group in the table 4. Each sub-total is associated to their respective group cell header. The &quot;Total&quot; row at the end represent the summaries for the entire table. The relationshipt are determined on how the subsequent <em>tbody</em> element is organized. The HTML5 specification allow the use of multiple <em>tbody</em>.</p>

<p><em>Please note because of the complexity of the table 4 and 5, ids and headers attribute must be set as per the WCAG Level AA requirement.</em></p>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/Table-CaseStudies-3.html
Expand Up @@ -165,7 +165,7 @@ <h2>Context</h2>
<p>This case study objective is to use the 12 new techniques about Tables and show that the table sample provided from the email extract can be handle by the <a href="index-eng.html#technicaldocs">WET table parser</a> but not by the current HTML5 algorithm as per September 3, 2012<p>

<h3>Visual</h3>
<p><em>As September 3, 2012</em></p>
<p><em>As of September 3, 2012</em></p>

<img src="images/CaseStudie3-visualcontext.png" alt="Visual of the table, table source code following" />

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/colgroupheader-techniques.html
Expand Up @@ -255,7 +255,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/colgroupsummary-techniques.html
Expand Up @@ -651,7 +651,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/colheader-description-techniques.html
Expand Up @@ -394,7 +394,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/datacolgroup-techniques.html
Expand Up @@ -458,7 +458,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/docs-eng.html
Expand Up @@ -4558,7 +4558,7 @@ <h2>Delimiting the column heading with a row group heading</h2>


<h2>Cell overflow between data group</h2>
<p>A cell can not overflow between row group. But they can overflow between column group. (HTLM5 specification). See &quot;Have a proportional table&quot; for more details.</p>
<p>A cell can not overflow between row group. But they can overflow between column group. (HTML5 specification). See &quot;Have a proportional table&quot; for more details.</p>



Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/headercolgroupstructure-techniques.html
Expand Up @@ -383,7 +383,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/headerrowgroupstructure-techniques.html
Expand Up @@ -423,7 +423,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
4 changes: 2 additions & 2 deletions demos/tableparser/index-eng.html
Expand Up @@ -182,7 +182,7 @@ <h2 id="technicaldocs">Table Parser - Technical Documentation</h2>
<h2>Other Resource</h2>
<ul>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
</ul>

<!--
Expand All @@ -192,7 +192,7 @@ <h2>Other Informative Document</h2>
<ul>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="SummaryRowGroup.html">Summary Row Group</a></li>
<li><a href="Key-Description-Cell-Table-Row.html">&quot;Keys&quot; and &quot;Description&quot; cell in a table row</a></li>
<li><a href="columngroup.html">Column Group</a></li>
Expand Down
4 changes: 2 additions & 2 deletions demos/tableparser/keycell-techniques.html
Expand Up @@ -143,7 +143,7 @@ <h3>Description of Technique</h3>

<h2>Examples</h2>

<p><em>The table sample was taken from the <a href="http://www.w3.org/TR/html5/tabular-data.html#the-th-element" rel="external">HTLM5 Draft Specification - 4.9.10 The th element</a>. Please note the original version was altered about the context of each example.</em></p>
<p><em>The table sample was taken from the <a href="http://www.w3.org/TR/html5/tabular-data.html#the-th-element" rel="external">HTML5 Draft Specification - 4.9.10 The th element</a>. Please note the original version was altered about the context of each example.</em></p>

<h3>A Simple Table With Key Cell</h3>

Expand Down Expand Up @@ -566,7 +566,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/layoutcell-techniques.html
Expand Up @@ -380,7 +380,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
Expand Up @@ -1295,7 +1295,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/rowgrouping-techniques.html
Expand Up @@ -1225,7 +1225,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/rowheader-description-techniques.html
Expand Up @@ -522,7 +522,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/summariesrowgroup-techniques.html
Expand Up @@ -1488,7 +1488,7 @@ <h2>Resources</h2>
<ul>
<li><a href="validator-htmltable.html">HTML Table Validator</a> <em>(With ids/headers/aria-describedby auto assignation)</em></li>
<li><a href="About-the-Table-Usability-Concept.html">About the Table Usability Concept</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTLM5 table elements</a></li>
<li><a href="ExtendedDefinition.html">Extended definition of HTML5 table elements</a></li>
<li><a href="index-eng.html">All the resources</a></li>
</ul>

Expand Down
2 changes: 1 addition & 1 deletion demos/tableparser/validator-htmltable.html
Expand Up @@ -700,7 +700,7 @@

// Suggestion: Add some aria-label to annonce the data summary, I will ask the WAI Interrest Mailing List to get some liable solution

// tfoot question: do I force it as exclusive column summaries as the HTLM5 spec define it if it used as table footnote ??
// tfoot question: do I force it as exclusive column summaries as the HTML5 spec define it if it used as table footnote ??

// Add the missing tag if they are missing, "colgroup, col, thead, tbody", remove tfoot ????
var previousColgroup = false;
Expand Down
2 changes: 1 addition & 1 deletion demos/zebra/simplegrouping.html
Expand Up @@ -106,7 +106,7 @@ <h1 id="wb-cont">Simple Grouping Table - Zebra striping - Web Experience Toolkit

<h2>Example without any headers</h2>

<p>The following Sudoku table example was taken from the <a href="http://www.w3.org/TR/html5/tabular-data.html#the-table-element" rel="external">HTLM5 Specification - 4.9.1 The table element - revision 1.5697</a>.</p>
<p>The following Sudoku table example was taken from the <a href="http://www.w3.org/TR/html5/tabular-data.html#the-table-element" rel="external">HTML5 Specification - 4.9.1 The table element - revision 1.5697</a>.</p>

<p>The class <code>columnhighlight</code> is used in combinaison of the class <code>wet-boew-zebra</code></p>

Expand Down

0 comments on commit 4159b6f

Please sign in to comment.