Difference between revisions of "HTML5 Outline"

From Level Access Web Labs
Jump to navigation Jump to search
Line 18: Line 18:
 
       <h1>Implementation Techniques</h1>
 
       <h1>Implementation Techniques</h1>
 
       <p>Implementation techniques are listed here.</p>
 
       <p>Implementation techniques are listed here.</p>
     </section>
+
     </section>  <!-- implementation techniques -->
 
     <section>
 
     <section>
 
       <h1>Evaluation Techniques</h1>
 
       <h1>Evaluation Techniques</h1>
Line 30: Line 30:
 
           <li>Three</li>
 
           <li>Three</li>
 
         </ul>
 
         </ul>
       </section> <!-- Expected results -->
+
       </section> <!-- Expected results level 6 -->
     </section> <!-- Evaluation techniques -->
+
     </section> <!-- Evaluation techniques level 5-->
 
+
  </section> <!-- Color level 4 -->
<h4>Contrast</h4>
+
  <section> <! -- Contrast level 4 -->
Contrast is the level of lightness between foreground and background color and between interactive and non-interactive elements.
+
    <h1>Contrast</h1>
<h5>Implementation Techniques</h5>
+
    <p>Contrast is the level of lightness between foreground and background color and between interactive and non-interactive elements.</p>
<p>Implementation techniques are listed here.</p>
+
    <section> <!-- level 5 -->
<h5>Evaluation Techniques</h5>
+
      <h5>Implementation Techniques</h5>
<p>Evaluation techniques are listed here.</p>
+
      <p>Implementation techniques are listed here.</p>
<h6>Expected Results</h6>
+
    </section> <!-- level 5 -->
<ul>
+
    <section> <! -- level 5 -->   
<li>One</li>
+
      <h5>Evaluation Techniques</h5>
<li>Two</li>
+
      <p>Evaluation techniques are listed here.</p>
<li>Three</li>
+
      <section>  <!-- level 6 -->
</ul>
+
        <h6>Expected Results</h6>
 +
        <ul>
 +
          <li>One</li>
 +
          <li>Two</li>
 +
          <li>Three</li>
 +
        </ul>
 +
      </section> <!-- level 6 expected results -->
 +
    </section> <!-- level 5 evaluation techniques -->
 +
  </section> <! -- level 4 contrast -->
 +
  </section> <! -- level 3 color and contrast -->
 +
</section> <! -- level 2 media types -->
 +
</section> <! -- level 1 Web Accessibility -->
 
</html>
 
</html>
[[Category:Elements]]
+
[[Category:Techniques]]

Revision as of 16:59, 27 March 2014

This page demonstrates the HTML5 outline algorithm. All headings are marked as a heading level 1 (H1). This outline algorithm is not well supported by browsers or AT and requires the HTML5 doctype be used.

<!DOCTYPE html>

Web Accessibility

Web accessibility is access to web content people by with disabiliteis

Media Types

There are many different types of content, forms, tables, content that uses color, etc.

Color and Contrast

Color and contrast are important for users that have visual impairments

Color

When color alone is used to convey information without text users who cannot perceive color.

Implementation Techniques

Implementation techniques are listed here.

Evaluation Techniques

Evaluation techniques are listed here.

Expected Results

Expected Results are listed here.

  • One
  • Two
  • Three

Contrast

Contrast is the level of lightness between foreground and background color and between interactive and non-interactive elements.

Implementation Techniques

Implementation techniques are listed here.

Evaluation Techniques

Evaluation techniques are listed here.

Expected Results
  • One
  • Two
  • Three