What is web accessibility? | Email: web axe [at gmail] NOSPAM! dot com
Monday, July 31, 2006
Monday, July 24, 2006
The issue is that a lot of web sites use graphical images for headings. But images don't use heading tags (H1, H2, etc.) which create the semantic code we all want, which are ideal for screenreaders, SEO, etc.
<div id="header">
<h1><span></span>CheckEngine USA</h1>
</div>
#header {
position: relative;
width: 750px;
height: 100px;
margin:0;
padding:0;
overflow: hidden;
}
#header span {
position: absolute;
background-image: url(../images/headerback.jpg);
background-repeat: no-repeat;
width: 750px;
height: 100px;
margin:0;
padding:0;
overflow: hidden;
}Labels: accessibility, heading, podcast, semantic, seo, web
Wednesday, July 19, 2006
Here's a podcast I came across titled "Accessible Business Online" by Alexandra Graham. Some good basic content here. Just as good, it references a transcription service, CastingWords.com, that I may try for Web Axe.Labels: accessibility, basic, podcast, web
Thursday, July 13, 2006
There are certain instances when a label or header should be used, but wouldn't necessarily need to be seen in the layout, such as a label for a phone number and a header for a menu. Dennis discusses when and how this would be done.
.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
<form method="post" action="">
<div>Phone number:
(
<label for="area" class="hidden">Area code</label>
<input name="area" type="text" size="3" maxlength="3" id="area">
)
<label for="first" class="hidden">first 3 digits</label>
<input name="first" type="text" size="3" maxlength="3" id="first">
-
<label for="last" class="hidden">last 4 digits</label>
<input name="last" type="text" size="4" maxlength="4" id="last">
</div>
<div>
<input type="submit" name="Submit" value="Submit">
</div>
</form>Labels: accessibility, header, heading, label, podcast, web
web design | create a website | Website Templates | UK Web Hosting | Search Engine Optimization | search engine optimisation | web hosting | Cheap Domain Names
Add yourself to the Web Accessibility Enthusiasts mapper
Dennis Lembree is the founder of web development company Web Overhauls, which specializes in web usability, standards, and accessibility. Follow Dennis on Twitter: @dennisl
Ross Johnson runs a web design company (3.7 Designs) that takes a wholistic view on the web and art of constructing pages. They strive to be creative and unique. Follow Ross on Twitter: @3pointross