Punkchip

In this series of articles I have described how to remove the deprecated attributes in HTML and replicate the styles using CSS. The first part looked at hspace and vspace, type and border. Part two described how to replicate link, alink and vlink, size, noshade and clear. In this final part I will be mopping up width, height, bgcolor and align.

Continue reading CSS for Deprecated HTML Attributes: Part 3

March 8, 2007

Read 10 comments about CSS for Deprecated HTML Attributes: Part 3

In Part 1 of CSS for Deprecated HTML Attributes, I described how to replace HTML’s deprecated attributes with CSS, which is more flexible and inline with web standards in use today. If you want to convert an existing site that is using out of date practices or want to understand how to bring your own development up to scratch, then these articles are for you.

Let’s get straight into it with link, alink and vlink. I’ll also cover clear, size and noshade.

Continue reading CSS for Deprecated HTML Attributes: Part 2

February 10, 2007

Read 8 comments about CSS for Deprecated HTML Attributes: Part 2

When HTML 4.0 was introduced some attributes became deprecated. Browsers continued to support them to ensure older sites continued to display correctly, and developers were urged to stop using them in favour of more flexible alternatives such as CSS.

The deprecated attributes were purely presentational, meaning they are only of benefit for the way the element will look. We remove presentational aspects to a CSS file to separate content and structure from the look of a web page. This has many benefits for the user, developer and holder of the bandwidth purse-strings.

Continue reading CSS for Deprecated HTML Attributes: Part 1

February 2, 2007

Read 15 comments about CSS for Deprecated HTML Attributes: Part 1

Take a straight forward question that is usually asked during any online sign-up form:

Gender: Male Female

It is marked up according to the WCAG Priority 2 checkpoint 12.4 that says you should associate labels explicitly with their controls (i.e. by using the label element).

<input type="radio" id="male" name="gender" />
<label for="male">Male</label>

However, I want to explicitly link the original question (gender) with the 2 possible answers and this isn’t possible using the label element because there can be only one label and one control per line. There are a couple of solutions.

Continue reading Accessible Radio Buttons/Checkboxes

September 18, 2006

Read 9 comments about Accessible Radio Buttons/Checkboxes