Free HTML Resource Guide For Webmasters
HTML Articles Featured HTML Article HTML Tips

Page layout with tables

General Accessibility tips

Images & HTML

10 Website planning mistakes

The history of HTML

HTML Forms

HTML Font Tips

HTML & the <head> tag

HTML writers guidelines

HTML code optimization

The importance of meta tags

Website planning tips

SEO & HTML

Why you should learn HTML

Dreamweaver Vs FrontPage

HTML Lists

CSS basics: ID's & Classes

DHTML explained

Website elements

Accessible web design

Bad HTML habits

Even the best HTML jockey has likely developed habits along the way that hinder accessibility. You may have grabbed at style sheets to alleviate your dependence on FONT formatting tags, but as you tweak your way through the HTML world, you're probably still using some renegade code that works but isn't exactly up to spec.

Tweaking Headings
Priority 2 - For example, user agents may be able to build a table of contents by reading the headings on a Web page. So, using H1 through H6 tags to structure your information is important, and using these tags simply to size text can cause problems.

Tweaking Spacing
Transparent images have become a de facto workaround by which many Web builders elude HTML's layout limitations. These images, however, can make it difficult for user agents to distinguish between real content and ancillary images such as spacers. Instead, use style sheets to control margins, spacing, and other page elements. (CSS2 also offers new styles that address white space.)

Tweaking Indentation
Another no-no is using block quotes or list containers to control indention. Both are common workarounds used by Web builders to indent paragraphs or whole pages. The problem is that software may interpret and deliver information a certain way because of the tag. So, a text-to-voice reader might interpret the block quote information as a quote and read it accordingly when, in fact, you were just trying to indent a paragraph. Again, style sheets offer the best solution; they allow you to separate the formatting and visual appearance of the material from the structure of the page.

Tweaking Text
Another culprit is the use of absolute text formatting tags instead of relative ones. <B> and <STRONG>, for example, may render the same in many browsers, but they do not mean the same thing. The <STRONG> tag, as well as the <EM> tag, was designed to indicate structural emphasis that could take the form of either a visual change (font, size, and style) or an audible change (inflection, volume, and pitch).

Don't Ignore These Tags
Priority 1 - You need to provide alternative content if you're creating pages with certain elements:

* When you use SCRIPT, provide NOSCRIPT information.
* When using FRAMES, provide NOFRAMES information.
* When using EMBED, provide NOEMBED information.
* When using APPLETS, use ALT text.
* When using FRAMESET, make sure to use TITLE.
* Provide a text-only alternative to audio or video.

Even if you only explain why the user isn't receiving the information, you will be alleviating some confusion.

HTML Tip 1

Use only hexadecimal #RGB values for colors. The behavior of named colors is browser-idiosyncratic and totally unpredictable.

HTML Tip 2

You can resize your images without a graphics program by changing the HEIGHT and WIDTH in your image tag.
Home | Contact

© Copyright 2006 Htmltag.org All Rights Reserved