<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, minimal-ui">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <title>WCAG HTML Technique Examples</title>
</head>

<body>
    <!-- Header w/ breadcrumb (Adjust breadcrumb links as needed) -->
    <header role="banner">
        <nav role="navigation">
            <a href="../index.html">Home</a> &gt; <a href="html_techniques.html">HTML Techniques</a>
        </nav>
        <hr>
    </header>
    <main role="main">
        <h1>WCAG HTML Technique Examples</h1>
        <!-- Component start -->
        <ul>
            <li>H2: Combining adjacent image and text links for the same resource
                <ul>
                    <li><a href="H2_example1.html">H2 Example 1:  icon and text in the same <code>a</code> element</a></li>
                    <li><a href="H2_example2.html">H2 Example 2:  icon and text in the same <code>a</code> element with alt text on the icon</a></li>
                </ul>
            </li>
            <li>H4: Creating a logical tab order through links, form controls, and objects
                <ul>
                    <li><a href="H4_example1.html">H4 Example 1:  using <code>tabindex</code> attribute to specify a tab order</a></li>
                    <li><a href="H4_example2.html">H4 Example 2:  giving all elements the same <code>tabindex</code> value where tab order follows content order</a></li>
                </ul>
            </li>
            <li>H24: Providing text alternatives for the area elements of image maps
                <ul>
                    <li><a href="H24_example1.html">H24 Example 1</a></li>
                </ul>
            </li>
            <li>H25: Providing a title using the title element
                <ul>
                    <li><a href="H25_example1.html">H25 Example 1</a></li>
                </ul>
            </li>
            <li>H30: Providing link text that describes the purpose of a link for anchor elements
                <ul>
                    <li><a href="H30_example1.html">H30 Example 1:</a>  Describing purpose of a link in the text content of the <code>a</code> element.</li>
                    <li><a href="H30_example2.html">H30 Example 2:</a>  Using the <code>alt</code> attribute for the <code>img</code> element to describe the purpose of a graphical link</li>
                    <li><a href="H30_example3.html">H30 Example 3:</a>  Using an empty <code>alt</code> when the anchor containts text that describes the purpose of the link in addition to the <code>img</code> element</li>
                    <li><a href="H30_example4.html">H30 Example 4:  ??</a></li>
                    <li><a href="H30_example5.html">H30 Example 5:  A link contains text and an icon, and the icon provides additional information about the target.</a></li>
                    <li><a href="H30_example6.html">H30 Example 6:  Indicating the file type in the link text (PDF, DOC, XLS etc)</a></li>
                    <li><a href="H30_example7.html">H30 Example 7:  Using a link to wrap block level elements in HTML5.</a></li>
                </ul>
            </li>
            <li>H32: Providing submit buttons
                <ul>
                    <li><a href="H32_example1.html">H32 Example 1:  Basic example of a form with a submit button.</a></li>
                    <li><a href="H32_example2.html">H32 Example 2:  Using a server-side script (specified in the <code>action</code> attribute) that redirects the user to the requested page.</a></li>
                </ul>
            </li>
            <li>H33: Supplementing link text with the title attribute
                <ul>
                    <li><a href="H33_example1.html">H33 Example 1</a></li>
                </ul>
            </li>
            <li>H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline
                <ul>
                    <li><a href="H34_example1.html">H34 Example 1</a></li>
                </ul>
            </li>
            <li>H36 Using <code>alt</code> attributes on images used as submit buttons
                <ul>
                    <li><a href="H36_example1.html">H36 Example 1</a></li>
                </ul>
            </li>
            <li>H37: Using <code>alt</code> attributes on <code>img</code> elements
                <ul>
                    <li><a href="H37_example1.html">H37 Example 1</a></li>
                </ul>
            </li>
            <li>H39: Using caption elements to associate data table captions with data tables
                <ul>
                    <li><a href="H39_example1.html">H39 Example 1</a></li>
                </ul>
            </li>
            <li>H42: Using h1-h6 to identify headings
                <ul>
                    <li><a href="H42_example1.html">H42 Example 1</a></li>
                </ul>
            </li>
            <li>H43: Using id and headers attributes to associate data cells with header cells in data tables
                <ul>
                    <li><a href="H43_example1.html">H43 Example 1</a></li>
                </ul>
            </li>
            <li>H44: Using label elements to associate text labels with form controls
                <ul>
                    <li><a href="H44_example1.html">H44 Example 1</a></li>
                    <li><a href="H44_example2.html">H44 Example 2</a></li>
                    <li><a href="H44_example3.html">H44 Example 3</a></li>
                </ul>
            </li>
            <li>H45: Using longdesc
                <ul>
                    <li><a href="H45_example1.html">H45 Example 1</a></li>
                </ul>
            </li>
            <li>H48: Using ol, ul and dl for lists or groups of links
                <ul>
                    <li><a href="H48_example1.html">H48 Example 1</a></li>
                    <li><a href="H48_example2.html">H48 Example 2</a></li>
                    <li><a href="H48_example3.html">H48 Example 3</a></li>
                    <li><a href="H48_example4.html">H48 Example 4</a></li>
                </ul>
            </li>
            <li>H49: Using semantic markup to mark emphasized or special text
                <ul>
                    <li><a href="H49_example1.html">H49 Example 1</a></li>
                    <li><a href="H49_example2.html">H49 Example 2</a></li>
                    <li><a href="H49_example3.html">H49 Example 3</a></li>
                    <li><a href="H49_example4.html">H49 Example 4</a></li>
                </ul>
            </li>
            <li>H51: Using table markup to present tabular information
                <ul>
                    <li><a href="H51_example1.html">H51 Example 1</a></li>
                </ul>
            </li>
            <li>H56: Using the <code>dir</code> attribute on an inline element to resolve problems with nested directional runs
                <ul>
                    <li><a href="H56_example1.html">H56 Example 1</a></li>
                </ul>
            </li>
            <li>H58: Using language attributes to identify changes in the human language
                <ul>
                    <li><a href="H58_example1.html">H58 Example 1</a></li>
                </ul>
            </li>
            <li>H59: Using the <code>link</code> element and navigation tools
                <ul>
                    <li><a href="H59_example1.html">H59 Example 1</a></li>
                </ul>
            </li>
            <li>H63: Using the scope attribute to associate header cells and data cells in data tables
                <ul>
                    <li><a href="H63_example1.html">H63 Example 1</a></li>
                </ul>
            </li>
            <li>H64: Using the <code>title</code> attribute of the <code>frame</code> and <code>iframe</code> elements
                <ul>
                    <li><a href="H64_example1.html">H64 Example 1</a></li>
                    <li><a href="H64_example2.html">H64 Example 2</a></li>
                </ul>
            </li>
            <li>H65: Using the <code>title</code> attribute to identify form controls when the <code>label</code> element cannot be used
                <ul>
                    <li><a href="H65_example1.html">H65 Example 1</a></li>
                    <li><a href="H65_example2.html">H65 Example 2</a></li>
                    <li><a href="H65_example3.html">H65 Example 3</a></li>
                </ul>
            </li>
            <li>H67: Using null alt text and no <code>title</code> attribute on <code>img</code> elements for images that AT should ignore
                <ul>
                    <li><a href="H67_example1.html">H67 Example 1</a></li>
                </ul>
            </li>
            <li>H69: Providing heading elements at the beginning of each section of content
                <ul>
                    <li><a href="H69_example1.html">H69 Example 1</a></li>
                    <li><a href="H69_example2.html">H69 Example 2</a></li>
                    <li><a href="H69_example3.html">H69 Example 3</a></li>
                </ul>
            </li>
            <li>H70: Using frame elements to group blocks of repeated material
                <ul>
                    <li><a href="H70_example1.html">H70 Example 1</a></li>
                </ul>
            </li>
            <li>H71: Providing a description for groups of form controls using <code>fieldset</code> and <code>legend</code> elements
                <ul>
                    <li><a href="H71_example1.html">H71 Example 1</a></li>
                    <li><a href="H71_example2.html">H71 Example 2</a></li>
                    <li><a href="H71_example3.html">H71 Example 3</a></li>
                    <li><a href="H71_example4.html">H71 Example 4</a></li>
                </ul>
            </li>
            <li>H73: Using the <code>summary</code> attribute of the <code>table</code> element to give an overview of data tables
                <ul>
                    <li><a href="H73_example1.html">H73 Example 1</a></li>
                    <li><a href="H73_example2.html">H73 Example 2</a></li>
                </ul>
            </li>
            <li>H77: Identifying the purpose of a link using link text combined with its enclosing list item
                <ul>
                    <li><a href="H77_example1.html">H77 Example 1</a></li>
                    <li><a href="H77_example2.html">H77 Example 2</a></li>
                </ul>
            </li>
            <li>H78: Identifying the purpose of a link using link text combined with its enclosing paragraph
                <ul>
                    <li><a href="H78_example1.html">H78 Example 1</a></li>
                </ul>
            </li>
            <li>H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells
                <ul>
                    <li><a href="H79_example1.html">H79 Example 1</a></li>
                </ul>
            </li>
            <li>H80: Identifying the purpose of a link using link text combined with the preceding heading element
                <ul>
                    <li><a href="H80_example1.html">H80 Example 1</a></li>
                    <li><a href="H80_example2.html">H80 Example 2</a></li>
                    <li><a href="H80_example3.html">H80 Example 3</a></li>
                </ul>
            </li>
            <li>H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested
                <ul>
                    <li><a href="H81_example1.html">H81 Example 1</a></li>
                    <li><a href="H81_example2.html">H81 Example 2</a></li>
                </ul>
            </li>
            <li>H83: Using the <code>target</code> attribute to open a new window on user request and indicating this in link text
                <ul>
                    <li><a href="H83_example1.html">H83 Example 1</a></li>
                </ul>
            </li>
            <li>H84: Using a button with a select element to perform an action
                <ul>
                    <li><a href="H84_example1.html">H84 Example 1</a></li>
                    <li><a href="H84_example2.html">H84 Example 2</a></li>
                </ul>
            </li>
            <li>H85: Using <code>OPTGROUP</code> to group <code>OPTION</code> elements inside a <code>SELECT</code>
                <ul>
                    <li><a href="H85_example1.html">H85 Example 1</a></li>
                    <li><a href="H85_example2.html">H85 Example 2</a></li>
                </ul>
            </li>
            <li>H86: Providing text alternatives for ASCII art, emoticons, and leetspeak
                <ul>
                    <li><a href="H86_example1.html">H86 Example 1</a></li>
                    <li><a href="H86_example2.html">H86 Example 2</a></li>
                    <li><a href="H86_example3.html">H86 Example 3</a></li>
                </ul>
            </li>
            <li>H89: Using the title attribute to provide context-sensitive help
                <ul>
                    <li><a href="H89_example1.html">H89 Example 1</a></li>
                    <li><a href="H89_example2.html">H89 Example 2</a></li>
                </ul>
            </li>
            <li>H90: Indicating required form controls using label or legend
                <ul>
                    <li><a href="H90_example1.html">H90 Example 1</a></li>
                    <li><a href="H90_example2.html">H90 Example 2</a></li>
                    <li><a href="H90_example3.html">H90 Example 3</a></li>
                    <li><a href="H90_example4.html">H90 Example 4</a></li>
                </ul>
            </li>
            <li>H91: Using HTML form controls and links
                <ul>
                    <li><a href="H91_example1a.html">H91 Example 1a</a></li>
                    <li><a href="H91_example1b.html">H91 Example 1b</a></li>
                    <li><a href="H91_example1c.html">H91 Example 1c</a></li>
                    <li><a href="H91_example2a.html">H91 Example 2a</a></li>
                    <li><a href="H91_example2b.html">H91 Example 2b</a></li>
                    <li><a href="H91_example2c.html">H91 Example 2c</a></li>
                    <li><a href="H91_example2d.html">H91 Example 2d</a></li>
                    <li><a href="H91_example2e.html">H91 Example 2e</a></li>
                    <li><a href="H91_example3a.html">H91 Example 3a</a></li>
                    <li><a href="H91_example3b.html">H91 Example 3b</a></li>
                    <li><a href="H91_example4.html">H91 Example 4</a></li>
                    <li><a href="H91_example5.html">H91 Example 5</a></li>
                    <li><a href="H91_example6a.html">H91 Example 6a</a></li>
                    <li><a href="H91_example6b.html">H91 Example 6b</a></li>
                    <li><a href="H91_example7a.html">H91 Example 7a</a></li>
                    <li><a href="H91_example7b.html">H91 Example 7b</a></li>
                    <li><a href="H91_example8.html">H91 Example 8</a></li>
                </ul>
            </li>
            <li>H93: Ensuring that <code>id</code> attributes are unique on a Web page
                <ul>
                    <li><a href="H93_example1.html">H93 Example 1</a></li>
                </ul>
            </li>
            <li>H94: Ensuring that elements do not contain duplicate attributes
                <ul>
                    <li><a href="H94_example1.html">H94 Example 1</a></li>
                </ul>
            </li>
            <li>H95: Using the track element to provide captions
                <ul>
                    <li><a href="H95_example1.html">H95 Example 1</a></li>
                    <li><a href="H95_example2.html">H95 Example 2</a></li>
                </ul>
            </li>
            <li>H96: Using the track element to provide audio descriptions
                <ul>
                    <li><a href="H96_example1.html">H96 Example 1</a></li>
                    <li><a href="H96_example2.html">H96 Example 2</a></li>
                    <li><a href="H96_example3.html">H96 Example 3</a></li>
                </ul>
            </li>
            <li>H97: Grouping related links using the nav element
                <ul>
                    <li><a href="H97_example1.html">H97 Example 1</a></li>
                    <li><a href="H97_example2.html">H97 Example 2</a></li>
                    <li><a href="H97_example3.html">H97 Example 3</a></li>
                    <li><a href="H97_example4.html">H97 Example 4</a></li>
                </ul>
            </li>
        </ul>
        <!-- Component end -->
    </main>
    <footer role="contentinfo">
        <!-- Enter testing results:  OS, Browser, AT used, and result -->
        <hr>
    </footer>
</body>

</html>
<commit_msg>Revert "testing index desc"<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, minimal-ui">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <title>WCAG HTML Technique Examples</title>
</head>

<body>
    <!-- Header w/ breadcrumb (Adjust breadcrumb links as needed) -->
    <header role="banner">
        <nav role="navigation">
            <a href="../index.html">Home</a> &gt; <a href="html_techniques.html">HTML Techniques</a>
        </nav>
        <hr>
    </header>
    <main role="main">
        <h1>WCAG HTML Technique Examples</h1>
        <!-- Component start -->
        <ul>
            <li>H2: Combining adjacent image and text links for the same resource
                <ul>
                    <li><a href="H2_example1.html">H2 Example 1:  icon and text in the same <code>a</code> element</a></li>
                    <li><a href="H2_example2.html">H2 Example 2:  icon and text in the same <code>a</code> element with alt text on the icon</a></li>
                </ul>
            </li>
            <li>H4: Creating a logical tab order through links, form controls, and objects
                <ul>
                    <li><a href="H4_example1.html">H4 Example 1:  using <code>tabindex</code> attribute to specify a tab order</a></li>
                    <li><a href="H4_example2.html">H4 Example 2:  giving all elements the same <code>tabindex</code> value where tab order follows content order</a></li>
                </ul>
            </li>
            <li>H24: Providing text alternatives for the area elements of image maps
                <ul>
                    <li><a href="H24_example1.html">H24 Example 1</a></li>
                </ul>
            </li>
            <li>H25: Providing a title using the title element
                <ul>
                    <li><a href="H25_example1.html">H25 Example 1</a></li>
                </ul>
            </li>
            <li>H30: Providing link text that describes the purpose of a link for anchor elements
                <ul>
                    <li><a href="H30_example1.html">H30 Example 1:  Describing purpose of a link in the text content of the <code>a</code> element.</a></li>
                    <li><a href="H30_example2.html">H30 Example 2:  Using the <code>alt</code> attribute for the <code>img</code> element to describe the purpose of a graphical link</a></li>
                    <li><a href="H30_example3.html">H30 Example 3:  Using an empty <code>alt</code> when the anchor containts text that describes the purpose of the link in addition to the <code>img</code> element</a></li>
                    <li><a href="H30_example4.html">H30 Example 4:  ??</a></li>
                    <li><a href="H30_example5.html">H30 Example 5:  A link contains text and an icon, and the icon provides additional information about the target.</a></li>
                    <li><a href="H30_example6.html">H30 Example 6:  Indicating the file type in the link text (PDF, DOC, XLS etc)</a></li>
                    <li><a href="H30_example7.html">H30 Example 7:  Using a link to wrap block level elements in HTML5.</a></li>
                </ul>
            </li>
            <li>H32: Providing submit buttons
                <ul>
                    <li><a href="H32_example1.html">H32 Example 1:  Basic example of a form with a submit button.</a></li>
                    <li><a href="H32_example2.html">H32 Example 2:  Using a server-side script (specified in the <code>action</code> attribute) that redirects the user to the requested page.</a></li>
                </ul>
            </li>
            <li>H33: Supplementing link text with the title attribute
                <ul>
                    <li><a href="H33_example1.html">H33 Example 1</a></li>
                </ul>
            </li>
            <li>H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline
                <ul>
                    <li><a href="H34_example1.html">H34 Example 1</a></li>
                </ul>
            </li>
            <li>H36 Using <code>alt</code> attributes on images used as submit buttons
                <ul>
                    <li><a href="H36_example1.html">H36 Example 1</a></li>
                </ul>
            </li>
            <li>H37: Using <code>alt</code> attributes on <code>img</code> elements
                <ul>
                    <li><a href="H37_example1.html">H37 Example 1</a></li>
                </ul>
            </li>
            <li>H39: Using caption elements to associate data table captions with data tables
                <ul>
                    <li><a href="H39_example1.html">H39 Example 1</a></li>
                </ul>
            </li>
            <li>H42: Using h1-h6 to identify headings
                <ul>
                    <li><a href="H42_example1.html">H42 Example 1</a></li>
                </ul>
            </li>
            <li>H43: Using id and headers attributes to associate data cells with header cells in data tables
                <ul>
                    <li><a href="H43_example1.html">H43 Example 1</a></li>
                </ul>
            </li>
            <li>H44: Using label elements to associate text labels with form controls
                <ul>
                    <li><a href="H44_example1.html">H44 Example 1</a></li>
                    <li><a href="H44_example2.html">H44 Example 2</a></li>
                    <li><a href="H44_example3.html">H44 Example 3</a></li>
                </ul>
            </li>
            <li>H45: Using longdesc
                <ul>
                    <li><a href="H45_example1.html">H45 Example 1</a></li>
                </ul>
            </li>
            <li>H48: Using ol, ul and dl for lists or groups of links
                <ul>
                    <li><a href="H48_example1.html">H48 Example 1</a></li>
                    <li><a href="H48_example2.html">H48 Example 2</a></li>
                    <li><a href="H48_example3.html">H48 Example 3</a></li>
                    <li><a href="H48_example4.html">H48 Example 4</a></li>
                </ul>
            </li>
            <li>H49: Using semantic markup to mark emphasized or special text
                <ul>
                    <li><a href="H49_example1.html">H49 Example 1</a></li>
                    <li><a href="H49_example2.html">H49 Example 2</a></li>
                    <li><a href="H49_example3.html">H49 Example 3</a></li>
                    <li><a href="H49_example4.html">H49 Example 4</a></li>
                </ul>
            </li>
            <li>H51: Using table markup to present tabular information
                <ul>
                    <li><a href="H51_example1.html">H51 Example 1</a></li>
                </ul>
            </li>
            <li>H56: Using the <code>dir</code> attribute on an inline element to resolve problems with nested directional runs
                <ul>
                    <li><a href="H56_example1.html">H56 Example 1</a></li>
                </ul>
            </li>
            <li>H58: Using language attributes to identify changes in the human language
                <ul>
                    <li><a href="H58_example1.html">H58 Example 1</a></li>
                </ul>
            </li>
            <li>H59: Using the <code>link</code> element and navigation tools
                <ul>
                    <li><a href="H59_example1.html">H59 Example 1</a></li>
                </ul>
            </li>
            <li>H63: Using the scope attribute to associate header cells and data cells in data tables
                <ul>
                    <li><a href="H63_example1.html">H63 Example 1</a></li>
                </ul>
            </li>
            <li>H64: Using the <code>title</code> attribute of the <code>frame</code> and <code>iframe</code> elements
                <ul>
                    <li><a href="H64_example1.html">H64 Example 1</a></li>
                    <li><a href="H64_example2.html">H64 Example 2</a></li>
                </ul>
            </li>
            <li>H65: Using the <code>title</code> attribute to identify form controls when the <code>label</code> element cannot be used
                <ul>
                    <li><a href="H65_example1.html">H65 Example 1</a></li>
                    <li><a href="H65_example2.html">H65 Example 2</a></li>
                    <li><a href="H65_example3.html">H65 Example 3</a></li>
                </ul>
            </li>
            <li>H67: Using null alt text and no <code>title</code> attribute on <code>img</code> elements for images that AT should ignore
                <ul>
                    <li><a href="H67_example1.html">H67 Example 1</a></li>
                </ul>
            </li>
            <li>H69: Providing heading elements at the beginning of each section of content
                <ul>
                    <li><a href="H69_example1.html">H69 Example 1</a></li>
                    <li><a href="H69_example2.html">H69 Example 2</a></li>
                    <li><a href="H69_example3.html">H69 Example 3</a></li>
                </ul>
            </li>
            <li>H70: Using frame elements to group blocks of repeated material
                <ul>
                    <li><a href="H70_example1.html">H70 Example 1</a></li>
                </ul>
            </li>
            <li>H71: Providing a description for groups of form controls using <code>fieldset</code> and <code>legend</code> elements
                <ul>
                    <li><a href="H71_example1.html">H71 Example 1</a></li>
                    <li><a href="H71_example2.html">H71 Example 2</a></li>
                    <li><a href="H71_example3.html">H71 Example 3</a></li>
                    <li><a href="H71_example4.html">H71 Example 4</a></li>
                </ul>
            </li>
            <li>H73: Using the <code>summary</code> attribute of the <code>table</code> element to give an overview of data tables
                <ul>
                    <li><a href="H73_example1.html">H73 Example 1</a></li>
                    <li><a href="H73_example2.html">H73 Example 2</a></li>
                </ul>
            </li>
            <li>H77: Identifying the purpose of a link using link text combined with its enclosing list item
                <ul>
                    <li><a href="H77_example1.html">H77 Example 1</a></li>
                    <li><a href="H77_example2.html">H77 Example 2</a></li>
                </ul>
            </li>
            <li>H78: Identifying the purpose of a link using link text combined with its enclosing paragraph
                <ul>
                    <li><a href="H78_example1.html">H78 Example 1</a></li>
                </ul>
            </li>
            <li>H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells
                <ul>
                    <li><a href="H79_example1.html">H79 Example 1</a></li>
                </ul>
            </li>
            <li>H80: Identifying the purpose of a link using link text combined with the preceding heading element
                <ul>
                    <li><a href="H80_example1.html">H80 Example 1</a></li>
                    <li><a href="H80_example2.html">H80 Example 2</a></li>
                    <li><a href="H80_example3.html">H80 Example 3</a></li>
                </ul>
            </li>
            <li>H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested
                <ul>
                    <li><a href="H81_example1.html">H81 Example 1</a></li>
                    <li><a href="H81_example2.html">H81 Example 2</a></li>
                </ul>
            </li>
            <li>H83: Using the <code>target</code> attribute to open a new window on user request and indicating this in link text
                <ul>
                    <li><a href="H83_example1.html">H83 Example 1</a></li>
                </ul>
            </li>
            <li>H84: Using a button with a select element to perform an action
                <ul>
                    <li><a href="H84_example1.html">H84 Example 1</a></li>
                    <li><a href="H84_example2.html">H84 Example 2</a></li>
                </ul>
            </li>
            <li>H85: Using <code>OPTGROUP</code> to group <code>OPTION</code> elements inside a <code>SELECT</code>
                <ul>
                    <li><a href="H85_example1.html">H85 Example 1</a></li>
                    <li><a href="H85_example2.html">H85 Example 2</a></li>
                </ul>
            </li>
            <li>H86: Providing text alternatives for ASCII art, emoticons, and leetspeak
                <ul>
                    <li><a href="H86_example1.html">H86 Example 1</a></li>
                    <li><a href="H86_example2.html">H86 Example 2</a></li>
                    <li><a href="H86_example3.html">H86 Example 3</a></li>
                </ul>
            </li>
            <li>H89: Using the title attribute to provide context-sensitive help
                <ul>
                    <li><a href="H89_example1.html">H89 Example 1</a></li>
                    <li><a href="H89_example2.html">H89 Example 2</a></li>
                </ul>
            </li>
            <li>H90: Indicating required form controls using label or legend
                <ul>
                    <li><a href="H90_example1.html">H90 Example 1</a></li>
                    <li><a href="H90_example2.html">H90 Example 2</a></li>
                    <li><a href="H90_example3.html">H90 Example 3</a></li>
                    <li><a href="H90_example4.html">H90 Example 4</a></li>
                </ul>
            </li>
            <li>H91: Using HTML form controls and links
                <ul>
                    <li><a href="H91_example1a.html">H91 Example 1a</a></li>
                    <li><a href="H91_example1b.html">H91 Example 1b</a></li>
                    <li><a href="H91_example1c.html">H91 Example 1c</a></li>
                    <li><a href="H91_example2a.html">H91 Example 2a</a></li>
                    <li><a href="H91_example2b.html">H91 Example 2b</a></li>
                    <li><a href="H91_example2c.html">H91 Example 2c</a></li>
                    <li><a href="H91_example2d.html">H91 Example 2d</a></li>
                    <li><a href="H91_example2e.html">H91 Example 2e</a></li>
                    <li><a href="H91_example3a.html">H91 Example 3a</a></li>
                    <li><a href="H91_example3b.html">H91 Example 3b</a></li>
                    <li><a href="H91_example4.html">H91 Example 4</a></li>
                    <li><a href="H91_example5.html">H91 Example 5</a></li>
                    <li><a href="H91_example6a.html">H91 Example 6a</a></li>
                    <li><a href="H91_example6b.html">H91 Example 6b</a></li>
                    <li><a href="H91_example7a.html">H91 Example 7a</a></li>
                    <li><a href="H91_example7b.html">H91 Example 7b</a></li>
                    <li><a href="H91_example8.html">H91 Example 8</a></li>
                </ul>
            </li>
            <li>H93: Ensuring that <code>id</code> attributes are unique on a Web page
                <ul>
                    <li><a href="H93_example1.html">H93 Example 1</a></li>
                </ul>
            </li>
            <li>H94: Ensuring that elements do not contain duplicate attributes
                <ul>
                    <li><a href="H94_example1.html">H94 Example 1</a></li>
                </ul>
            </li>
            <li>H95: Using the track element to provide captions
                <ul>
                    <li><a href="H95_example1.html">H95 Example 1</a></li>
                    <li><a href="H95_example2.html">H95 Example 2</a></li>
                </ul>
            </li>
            <li>H96: Using the track element to provide audio descriptions
                <ul>
                    <li><a href="H96_example1.html">H96 Example 1</a></li>
                    <li><a href="H96_example2.html">H96 Example 2</a></li>
                    <li><a href="H96_example3.html">H96 Example 3</a></li>
                </ul>
            </li>
            <li>H97: Grouping related links using the nav element
                <ul>
                    <li><a href="H97_example1.html">H97 Example 1</a></li>
                    <li><a href="H97_example2.html">H97 Example 2</a></li>
                    <li><a href="H97_example3.html">H97 Example 3</a></li>
                    <li><a href="H97_example4.html">H97 Example 4</a></li>
                </ul>
            </li>
        </ul>
        <!-- Component end -->
    </main>
    <footer role="contentinfo">
        <!-- Enter testing results:  OS, Browser, AT used, and result -->
        <hr>
    </footer>
</body>

</html>

{'fraction_non_alphanumeric': 0.13853119303816075, 'fraction_numerical': 0.042570706179808314, 'mean_word_length': 1.5414674237895996, 'pattern_counts': {'":': 0, '<': 1411, '<?xml version=': 0, '>': 1411, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1970963', 'n_tokens_mistral': 11092, 'n_tokens_neox': 9935, 'n_words': 2679}