The Web Content Accessibility Guidelines (WCAG) are a specification for how to create web pages that are accessible to all browsers including those with handicaps. There are a wide array of handicaps that you have to accommodate for when creating WCAG compliant web sites. This can include people who can see, or people who can't use a pointing device.
Access Keys
All important clickable elements on a website should be accessible through an access key. The <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea> tags all support the accesskey attribute. You assign an access key using the format:
Lists
One of the things I find myself constantly guilty of is using <div> tags instead of creating a <ul> or <ol> list. Div tags are generally easier to design with because they are pristine objects with no predefined formatting. The issue with div tags, however, there is no implied logical grouping. This isn't a problem for your standard web browers, but when you talk about non-traditional web browsers such as speech readers or search engines, they have no way of making that logical grouping.
When you use a list the non-traditional browsers know that the items in the list are related, and display and parse them accordingly. This will be one of those things I pay more attention to in the future. You can accomplish almost every thing div tags can with a list through the use of CSS.
Access Keys
All important clickable elements on a website should be accessible through an access key. The <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea> tags all support the accesskey attribute. You assign an access key using the format:
<a href="http://345software.com" accesskey="s">Home</a>When the accesskey s (ALT + s in FireFox and IE) is pressed, you would be taken to the home page of 345 software.
Lists
One of the things I find myself constantly guilty of is using <div> tags instead of creating a <ul> or <ol> list. Div tags are generally easier to design with because they are pristine objects with no predefined formatting. The issue with div tags, however, there is no implied logical grouping. This isn't a problem for your standard web browers, but when you talk about non-traditional web browsers such as speech readers or search engines, they have no way of making that logical grouping.
When you use a list the non-traditional browsers know that the items in the list are related, and display and parse them accordingly. This will be one of those things I pay more attention to in the future. You can accomplish almost every thing div tags can with a list through the use of CSS.