Topics include why captioning, methods of captioning, and challenges such as transcription.
Links:
Category: web
There are tables, there are forms, and there is accessibility. How should you use, or not use, these on a web page?
Sample XHTML:
Sample CSS:form div {
clear: left;
padding .5em 0 0;
margin: 0.5em 0px 0px;
}
form div label {
font-weight: bold;
float: left;
width: 10em;
margin-right: 1em;
}
What there is to know about HTML Framesets and Accessibility, and the old question “should I use frames?” I say no!
Links:
- Creating Accessible Frames (WebAim)
- Frames and Search Engines
- Making Accessible Frames (Univ of Wisconsin-Madison)
- Frames: Good or Bad?
- Why You Shouldn’t Use Frames
- Accessibility and frames (ScotConnect)
- Why Frames Suck (Most of the Time) (Jakob Nielson)
- W3C Frames Specifications
If you must use frames, here some good code to help:
Topics include proper use of HTML tags, such as headings, quotes, lists, and some lesser-known tags, such as and
Links:
- Accessible Fonts (WebAim)
- Text/Typographical Layout (WebAim)
- Font size and properties (W3C)
- Paragraphs, lines, and phrases (W3C)
Code:
My Web Page
not
My Web Page
I really like tacos.
not
I really like tacos.
As Harry S. Truman said, The buck stops here.
Categories
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?
Links:
- W3C Checkpoint 6.3
- Directly Accessible Scripts (W3C)
- DOM Overview (W3C)
- WaSP Javascript Manefesto
- Creating Accessible JavaScript
- (WebAim)
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;}
}
}