HTML and XHTML are the markup languages used to create a solid foundation for your website or web application, and articles in this category generally touch upon the semantics and accessibility aspects of marking up web pages.

Use the fieldset and legend elements to group HTML form controls

Only use the fieldset and legend elements to group logically related form controls, always use both elements together, and keep legend texts short.

Posted on April 30, 2009

Using an XML declaration triggers Quirks mode in IE 6

If you use an XHTML doctype with an XML declaration, Internet Explorer 6 will switch to Quirks mode and use an incorrect CSS box model.

Posted on April 28, 2009

The evolution and future of HTML

Sam Ruby, co-chair of the W3C HTML Working Group, has put together a number of select quotes to illustrate the evolution of HTML, from the beginning to where it is now.

Posted on March 17, 2009

Use the p element to create paragraphs

Using p elements instead of multiple br elements to create paragraphs in HTML makes your documents more accessible and easier to style.

Posted on March 16, 2009

The alt attribute is for images only

The alt attribute is valid only for images and provides alternative text used when the image cannot be rendered. Do not use it with links and other non-image HTML elements.

Posted on February 16, 2009

It’s “class”, not “CSS class”

There is nothing called a “CSS class” in HTML or CSS, so please refer to values of the HTML class attribute as classes or class names instead.

Posted on February 12, 2009

Use CSS Diagnostics with Stylish to find bad HTML

Combining the concept of diagnostic CSS with the Stylish Firefox extension makes it easy to apply CSS that reveals invalid or deprecated HTML to any site you want.

Posted on February 5, 2009

Validating WAI-ARIA in HTML and XHTML

Validating WAI-ARIA in HTML or XHTML is currently more difficult than it could be, but it is possible and there is hope that it will be easier in the near future.

Posted on February 3, 2009

Creating valid names with the id attribute

There is a simple rule that defines which characters you may use with the id attribute: begin with a letter, then add any number of digits, hyphens, underscores, colons, and periods.

Posted on February 2, 2009

Headings, heading hierarchy, and document outlines

What do you do when an HTML document’s main heading is not the first text that should be marked up as a heading - insert a dummy heading or give up on having a perfect document outline?

Posted on January 26, 2009

Specify each HTML document’s main natural language

Always specify which natural language (spoken, written or signed human language) is used for a document’s content. Use the lang and/or xml:lang attributes for this.

Posted on January 20, 2009

Find inline CSS and JavaScript with Inline Code Finder

Inline Code Finder is a neat quality assurance tool that will find and highlight any elements that have inline events, inline styles, or javascript: links.

Posted on December 16, 2008

The id attribute’s value must be unique

The value of the id attribute must be unique in an HTML document. In other words, the same id value may only occur once.

Posted on December 8, 2008

Writing good alt text

It is quite common to come across images with missing alternative text or alternative text that does not properly describe the image’s content or function.

Posted on November 11, 2008

Validate an entire site with the Free Site Validator

The Free Site Validator crawls an entire site, validates all pages it finds with the W3C validator, and verifies all links it finds on the site.

Posted on October 30, 2008

Multiple form labels and screen readers

If screen readers reliably supported multiple labels for the same form control, it would be easier to make error messages and instructions fully accessible.

Posted on September 30, 2008

Validation statistics from Nikita the Spider

An analysis of the sites crawled by the bulk validation tool Nikita the Spider during March 2008.

Posted on April 29, 2008

Use the label element to make your HTML forms accessible

By using the label element to associate form controls with their label text, you improve the accessibility of HTML forms and make styling and scripting them easier.

Posted on November 19, 2007

POSH - Plain Old Semantic HTML

Teach people how to use plain old semantic HTML to create valid, well-structured, accessible and interoperable websites.

Posted on November 1, 2007

Understanding and extending semantics in HTML

John Allsopp on the current and possible future states of semantics on the HTML based Web.

Posted on August 31, 2007

Page navigation

Page 1 | Page 2 | Page 3 | Page 4 | Page 5 | Page 6 | Page 7 | Page 8 | Page 9 | Page 10

Archive contents