Skip to content

Commit

Permalink
Merge branch 'master' of github.com:wet-boew/wet-boew
Browse files Browse the repository at this point in the history
  • Loading branch information
Paul Jackson authored and Paul Jackson committed Aug 23, 2012
2 parents ad89c77 + 646a53d commit 72ce7e9
Show file tree
Hide file tree
Showing 16 changed files with 275 additions and 246 deletions.
2 changes: 1 addition & 1 deletion build/js/pe-ap-min.js
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions demos/grids/grid-utilities-leftmenu-eng.html
View file
Expand Up @@ -53,7 +53,7 @@
<li id="gcwu-gcnb1"><a rel="external" href="http://www.canada.gc.ca/menu-eng.html">Canada.gc.ca</a></li>
<li id="gcwu-gcnb2"><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml">Services</a></li>
<li id="gcwu-gcnb3"><a rel="external" href="http://www.canada.gc.ca/aboutgov-ausujetgouv/depts/menu-eng.html">Departments</a></li>
<li id="gcwu-gcnb-lang"><a href="../theme-gcwu-fegc/grid-utilities-leftmenu-fra.html" lang="fr">Français</a></li>
<li id="gcwu-gcnb-lang"><a href="grid-utilities-leftmenu-fra.html" lang="fr">Français</a></li>
</ul>
</div></div></div></nav>

Expand Down Expand Up @@ -361,7 +361,7 @@ <h5 class="background-light">12 column grid system</h5>
</div>
</div>
<div class="clear"></div>
<div class="span-8 module-attention">
<div class="span-6 module-attention">
<p><strong class="color-attention">Important!</strong> Design your content to optimize for the 1024x768 viewport. The responsive design will do the rest of the work.</p></div>
<div class="clear"></div>
<h3 class="margin-bottom-medium">Default grid layout options </h3>
Expand Down
2 changes: 1 addition & 1 deletion demos/grids/grid-utilities-leftmenu-fra.html
View file
Expand Up @@ -355,7 +355,7 @@ <h5 class="background-light">Système de grille à 12 colonnes</h5>
</div>
</div>
<div class="clear"></div>
<div class="span-8 module-attention">
<div class="span-6 module-attention">
<p><strong class="color-attention">Important!</strong> Élaborez votre contenu pour l’optimiser en fonction d’un affichage de 1&#160;024&#160;x&#160;768. La conception adaptative se chargera du reste.</p></div>
<div class="clear"></div>
<h3 class="margin-bottom-medium">Options de présentation de grilles par défaut</h3>
Expand Down
1 change: 0 additions & 1 deletion demos/lightbox/lightbox-eng.html
View file
Expand Up @@ -34,7 +34,6 @@
<!--<![endif]-->

<!-- CustomScriptsCSSStart -->
<!--[if !IE]> -->
<style>
.wet-boew-lightbox ul {margin-left:0;}
.wet-boew-lightbox ul li {list-style-type:none;float:left;margin: 0 5px 0 0;}
Expand Down
76 changes: 38 additions & 38 deletions demos/opt-cont/app-eng.html
View file
Expand Up @@ -103,70 +103,70 @@ <h1 id="wb-cont">WCAG 2.0 Success Criteria Applicability - Optimal Content Examp

<div class="span-3 border-span-3">
<h2 class="background-light">1. Perceivable</h2>
<p><a href="http://www.w3.org/TR/WCAG20/#text-equiv-all"><strong>1.1.1 Non-text content</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#text-equiv-all">1.1.1 Non-text content</a></h3>
<ul>
<li><a href="smm-eng.html#img">Images</a></li>
<li><a href="smm-eng.html#frm">Forms</a></li>
<li>Video</li>
<li>Audio</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#media-equiv-av-only-alt"><strong>1.2.1 Audio-only and Video-only (Prerecorded)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#media-equiv-av-only-alt">1.2.1 Audio-only and Video-only (Prerecorded)</a></h3>
<ul>
<li>Video (no audio)</li>
<li>Audio (no video)</li>
<li>Animated Images</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#media-equiv-captions"><strong>1.2.2 Captions (Prerecorded)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#media-equiv-captions">1.2.2 Captions (Prerecorded)</a></h3>
<ul>
<li>Video (with Audio)</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#media-equiv-audio-desc"><strong>1.2.3 Audio Description or Media Alternative (Prerecorded)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#media-equiv-audio-desc">1.2.3 Audio Description or Media Alternative (Prerecorded)</a></h3>
<ul>
<li>Video (with Audio)</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#media-equiv-real-time-captions"><strong>1.2.4 Captions (Live)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#media-equiv-real-time-captions">1.2.4 Captions (Live)</a></h3>
<ul>
<li>Video (with Audio)</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#media-equiv-audio-desc-only"><strong>1.2.5 Audio Description (Prerecorded)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#media-equiv-audio-desc-only">1.2.5 Audio Description (Prerecorded)</a></h3>
<ul>
<li>Video (with Audio)</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-programmatic"><strong>1.3.1 Info and Relationships</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-programmatic">1.3.1 Info and Relationships</a></h3>
<ul>
<li><a href="smm-eng.html#tbl">Tables</a></li>
<li><a href="smm-eng.html#frm">Forms</a></li>
<li><a href="smm-eng.html#hdg">Headings</a></li>
<li><a href="smm-eng.html#qlg">Quotations</a></li>
<li>Lists</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-sequence"><strong>1.3.2 Meaningful Sequence</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-sequence">1.3.2 Meaningful Sequence</a></h3>
<ul>
<li>All Content</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-understanding"><strong>1.3.3 Sensory Characteristics</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#content-structure-separation-understanding">1.3.3 Sensory Characteristics</a></h3>
<ul>
<li>All Content</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-without-color"><strong>1.4.1 Use of Color</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-without-color">1.4.1 Use of Color</a></h3>
<ul>
<li>Images using <a href="smm-eng.html#clr">Colour</a></li>
<li>Forms using <a href="smm-eng.html#clr">Colour</a> Labels</li>
<li>Tables using <a href="smm-eng.html#clr">Colour</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-dis-audio"><strong>1.4.2 Audio Control</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-dis-audio">1.4.2 Audio Control</a></h3>
<ul>
<li>Audio</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast"><strong>1.4.3 Contrast (Minimum)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">1.4.3 Contrast (Minimum)</a></h3>
<ul>
<li>All Content using <a href="smm-eng.html#clr">Colour</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale"><strong>1.4.4 Resize text</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale">1.4.4 Resize text</a></h3>
<ul>
<li>All Text Content</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-text-presentation"><strong>1.4.5 Images of Text</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-text-presentation">1.4.5 Images of Text</a></h3>
<ul>
<li><a href="smm-eng.html#img">Images</a></li>
<li>Forms using <a href="smm-eng.html#img">Images</a></li>
Expand All @@ -175,63 +175,63 @@ <h2 class="background-light">1. Perceivable</h2>

<div class="span-3 border-span-3">
<h2 class="background-light">2. Operable</h2>
<p><a href="http://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable"><strong>2.1.1 Keyboard</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable">2.1.1 Keyboard</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Links via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Plug-ins</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#keyboard-operation-trapping"><strong>2.1.2 No Keyboard Trap</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#keyboard-operation-trapping">2.1.2 No Keyboard Trap</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Links via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Plug-ins</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#time-limits-required-behaviors"><strong>2.2.1 Timing Adjustable</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#time-limits-required-behaviors">2.2.1 Timing Adjustable</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
<li>Web Applications</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#time-limits-pause"><strong>2.2.2 Pause, Stop, Hide</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#time-limits-pause">2.2.2 Pause, Stop, Hide</a></h3>
<ul>

<li>Animated Images</li>
<li>Video</li>
<li>Audio</li>
<li>Any content that changes or moves automatically.</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#seizure-does-not-violate"><strong>2.3.1 Three Flashes or Below Threshold</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#seizure-does-not-violate">2.3.1 Three Flashes or Below Threshold</a></h3>
<ul>
<li>Animated Images</li>
<li>Video</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-skip"><strong>2.4.1 Bypass Blocks</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-skip">2.4.1 Bypass Blocks</a></h3>
<ul>
<li><a href="smm-eng.html#lin">Links</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-title"><strong>2.4.2 Page Titled</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-title">2.4.2 Page Titled</a></h3>
<ul>
<li><a href="smm-eng.html#hdg">Page Title</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-order"><strong>2.4.3 Focus Order</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-order">2.4.3 Focus Order</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Links via <a href="smm-eng.html#kbcv">Keyboard</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-refs"><strong>2.4.4 Link Purpose (In Context)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-refs">2.4.4 Link Purpose (In Context)</a></h3>
<ul>
<li><a href="smm-eng.html#lin">Links</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-mult-loc"><strong>2.4.5 Multiple ways</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-mult-loc">2.4.5 Multiple ways</a></h3>
<ul>
<li><a href="smm-eng.html#lin">Links</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive"><strong>2.4.6 Headings and Labels</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive">2.4.6 Headings and Labels</a></h3>
<ul>
<li><a href="smm-eng.html#hdg">Headings</a></li>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-visible"><strong>2.4.7 Focus Visible</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-visible">2.4.7 Focus Visible</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Links via <a href="smm-eng.html#kbcv">Keyboard</a></li>
Expand All @@ -242,57 +242,57 @@ <h2 class="background-light">2. Operable</h2>

<div class="span-3 border-span-3">
<h2 class="background-light">3. Understandable</h2>
<p><a href="http://www.w3.org/TR/WCAG20/#meaning-doc-lang-id"><strong>3.1.1 Language of Page</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#meaning-doc-lang-id">3.1.1 Language of Page</a></h3>
<ul>
<li><a href="smm-eng.html#qlg">HTML element</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#meaning-other-lang-id"><strong>3.1.2 Language of Parts</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#meaning-other-lang-id">3.1.2 Language of Parts</a></h3>
<ul>
<li><a href="smm-eng.html#qlg">Quotations</a></li>
<li>Any content where a change of natural language occurs</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-receive-focus"><strong>3.2.1 On Focus</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-receive-focus">3.2.1 On Focus</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
<li>Links via <a href="smm-eng.html#kbcv">Keyboard</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-unpredictable-change"><strong>3.2.2 On Input</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-unpredictable-change">3.2.2 On Input</a></h3>
<ul>
<li>Forms via <a href="smm-eng.html#kbcv">Keyboard</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-locations"><strong>3.2.3 Consistent Navigation</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-locations">3.2.3 Consistent Navigation</a></h3>
<ul>
<li><a href="smm-eng.html#lin">Links</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-functionality"><strong>3.2.4 Consistent Identification</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-functionality">3.2.4 Consistent Identification</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
<li><a href="smm-eng.html#lin">Links</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#minimize-error-identified"><strong>3.3.1 Error Identification</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#minimize-error-identified">3.3.1 Error Identification</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#minimize-error-cues"><strong>3.3.2 Labels or Instructions</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#minimize-error-cues">3.3.2 Labels or Instructions</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#minimize-error-suggestions"><strong>3.3.3 Error Suggestion</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#minimize-error-suggestions">3.3.3 Error Suggestion</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#minimize-error-reversible"><strong>3.3.4 Error Prevention (Legal, Financial, Data)</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#minimize-error-reversible">3.3.4 Error Prevention (Legal, Financial, Data)</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
</div>
<div class="span-3 border-span-3">
<h2 class="background-light">4. Robust</h2>
<p><a href="http://www.w3.org/TR/WCAG20/#ensure-compat-parses"><strong>4.1.1 Parsing</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#ensure-compat-parses">4.1.1 Parsing</a></h3>
<ul>
<li>All Content</li>
</ul>
<p><a href="http://www.w3.org/TR/WCAG20/#ensure-compat-rsv"><strong>4.1.2 Name, Role, Value</strong></a></p>
<h3><a href="http://www.w3.org/TR/WCAG20/#ensure-compat-rsv">4.1.2 Name, Role, Value</a></h3>
<ul>
<li><a href="smm-eng.html#frm">Forms</a></li>
</ul>
Expand Down
6 changes: 3 additions & 3 deletions demos/opt-cont/clr-eng.html
View file
Expand Up @@ -121,7 +121,7 @@ <h2 id="req">Coding Requirements</h2>
<p>The following summarizes selected techniques from the <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG) 2.0</a> for satisfying the most common applicable success criteria related to this topic. Additional WCAG 2.0 success criteria, techniques, and failures not listed here may also be applicable depending on the content.</p>

<h3 id="ct">1. Contrast</h3>
<div class="span-2 border-span-2 float-right align-right"> <div class="background-light"><p><em><strong>Related to Success Criteria:</strong></em></p></div>
<div class="span-2 border-span-2 float-right align-right"> <div class="background-light"><h4>Related to Success Criteria:</h4></div>
<ul>
<li><em><a href="http://www.w3.org/TR/2012/NOTE-UNDERSTANDING-WCAG20-20120103/visual-audio-contrast-contrast.html">1.4.3 Contrast (Minimum)</a></em></li>
</ul>
Expand All @@ -146,11 +146,11 @@ <h3 id="ct">1. Contrast</h3>
<p><em>Source: <a href="http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/G18" class="external">WCAG 2.0, Technique G18</a> and <a href="http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/G145" class="external">WCAG 2.0, Technique G145</a></em></p>

<div class="span-6 module-note">
<p id="pts">A point of text is a fixed unit of measurement equivalent to 1/72 of an inch. Points are used for colour contrast because pixels are a variable unit of measurement that changes according to a user's screen resolution.</p>
<p id="pts"><strong>Note:</strong> A point of text is a fixed unit of measurement equivalent to 1/72 of an inch. Points are used for colour contrast because pixels are a variable unit of measurement that changes according to a user's screen resolution.</p>
</div>

<h3 id="us">2. Use Of Colour</h3>
<div class="span-2 border-span-2 float-right align-right"> <div class="background-light"><p><em><strong>Related to Success Criteria:</strong></em></p></div>
<div class="span-2 border-span-2 float-right align-right"> <div class="background-light"><h4>Related to Success Criteria:</h4></div>
<ul>
<li><em><a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html">1.4.1 Use Of Color</a></em></li>
</ul>
Expand Down

0 comments on commit 72ce7e9

Please sign in to comment.