508 Spot Resource Center for Accessibility and Usability - 508Spot.com
Section 508 Checklist, Section508 Guides, and FREE Resources for Web Accessibility and Usability
Computers > Internet > Web Design and Development > Accessibility
Extensible Hypertext Markup Language XHTML
XHTML is a markup language data format for computers to easily share information. We will learn how to structure xhtml within our applications to create accessibility and usability.
XHTML TUTORIALS
Doc Type
Please remember to use the full path to your DTD as in the examples below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
[ More doctypes ]
XHTML TUTORIALS
Navigation > list structures
<!--START navBar --><div id="navBar001" class="navBar">
<!--START unordered list --><ul>
<!--START skip navigation --><li
id="skipnavBar001" class="navBtnHide" ><a class="navBtn"
href="#contentAfterNavBar001" accesskey="S"
title="Skip navBar001 Navigation - Accesskey = S" ><span
class="btnText">Skip navBar001 Navigation</span></a>
<!--END skip navigation -->
</li>
<li><a class="navBtn" id="navBar00101"
href="page01.html" accesskey="1" title="PAGE 01 -
Accesskey = 1">PAGE 01</a></li>
<li><a class="navBtn" id="navBar00102" href="page02.html"
accesskey="2" title="PAGE 02 - Accesskey = 2"
>PAGE 02</a></li>
<li><a class="navBtn" id="navBar00103" href="page03.html"
accesskey="3" title="PAGE 03 - Accesskey = 3"
>PAGE 03</a></li>
<li><a class="navBtn" id="navBar00104" href="page04.html"
accesskey="4" title="PAGE 04 - Accesskey = 4"
>PAGE 04</a></li>
<li><a class="navBtn" id="navBar00105" href="page05.html"
accesskey="5" title="PAGE 05 - Accesskey = 5"
>PAGE 05</a></li>
<!--END unordered list --></ul>
<!--END navBar --></div>
This is how our navigation module looks before css is applied.
[ Navigation Style ]
Our Mission
Helping the web design and development community with programming software and web applications towards Standard, Accessible, Intelligent Designs (S.A.I.D.). The S.A.I.D. Architecture does comply with International Standards, Usability and Accessibility Guides, and Section 508 Checklist for Faster more Flexible design development.
