Kubrick and U.S. Sec. 508

  • ResolvedModerator James Huff

    (@macmanx)


    20 years, 3 months ago

    Out of boredom, I found something interesting today. All you have to do is add <label for="s">Search This Site</label> above <input type="text" value="<?=htmlentities($s); ?>" name="s" id="s" /> in kubrick-searchform.php, and your entire baseline Kubrick template will be compliant under The United States Section 508 accessibility standard ( https://www.access-board.gov/sec508/508standards.htm ). So, the new kubrick-searchform.php would be
    <form method="get" id="searchform" action="<?php echo $PHP_SELF; ?>">
    <label for="s">Search This Site</label>
    <input type="text" value="<?=htmlentities($s); ?>" name="s" id="s" />
    <input type="submit" id="searchsubmit" name="Submit" value="<?php _e('Search!'); ?>" />
    </form>
    Pretty cool to be XHTML, CSS, and Sec. 508 compliant. Why? Because I was bored, that’s why. ^_-

Viewing 2 replies - 1 through 2 (of 2 total)

  • Just wanted to add that we probably don’t want that text to be displayed above the search textbox – if we don’t already have something. Add the following to wp-layout.css:
    label {
    display: none;
    }

    Moderator James Huff

    (@macmanx)

    Nice catch, btvillarin. I was struggling with whether or not I actually liked it with the label. I think I spent so much time trying to get it right that I actually like the label now. ^_-

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Kubrick and U.S. Sec. 508’ is closed to new replies.