Current Posts

Frames and Accessibility

What there is to know about HTML Framesets and Accessibility, and the old question "should I use frames?" I say no!

Download Web Axe Episode 13

Links:
If you must use frames, here some good code to help:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Business Documents Library</title>
</head>

<frameset cols="20%, 80%" title="Business Documents Library">
<frame src="nav.html" title="Navigation" name="nav">
<frame src="doc.html" title="Documents" name="docs">

<noframes>
<h1>Library of Business Documents</h1>
<p><a href="noframesmenu.html">View a list of business documents</a></p>
</noframes>

</frameset>
</html>

Labels: , , ,

Where Are We?

Check out the Web Accessibility Enthusiasts mapper on Frappr! Add yourself to the map and see where the accessibility gurus are located in the world. You can also add pictures, tags, etc.

Text, text, text!

Topics include proper use of HTML tags, such as headings, quotes, lists, and some lesser-known tags, such as <code> and <address>.

Download Web Axe Episode 12

Links:
Code:

<h1>My Web Page</h1>
not
<p><font size="5"><strong>My Web Page</strong></font></p>

<p>I <strong>really</strong> like tacos.</p>
not
<p>I <b>really</b> like tacos.</p>

<p>As <cite>Harry S. Truman</cite> said, <q lang="en-us">The buck stops here.</q></p>

Labels: , , , , ,

Unobtrusive Javacript (and the DOM)

Ah, Javascript. The wonderful scripting language that creates lots of cool stuff on your web page. But how do you make it Accessible?

Download Web Axe Episode 11

Links:

This is an example of a javascript "listener" which opens a link in a new window (using a function) if the rel in the a tag is "external".

window.onload=function(){
setOnClick();
}

function setOnClick() {
if(!document.getElementsByTagName) {
return;
}
var anchors = document.getElementsByTagName("a");
for (var i=anchors.length; i !=0; i--) {
var a=anchors[i-1];
if (a.rel.indexOf("external") != -1) {
a.onclick = function(){newWin(this.href,'popup1',700,400);
return false;}
}
}

Labels: , , , , ,

RSS icon; follow the RSS feed for Web Axe Twitter icon; follow Web Axe on Twitter

Like Web Axe?

Podcast Alley

Odeo

Mapper on Frappr

Add yourself to the Web Accessibility Enthusiasts mapper

Previous Posts

Related Sites

About the Hosts

About Dennis

Dennis Lembree is the founder of web development company Web Overhauls, which specializes in web usability, standards, and accessibility. Follow Dennis on Twitter: @dennisl

About Ross

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