XHTML

Using JavaScript to create a dynamic tab-based webpage

Have you ever been to a web page where you can click on buttons or tabs that swap content on the page without having to load an entirely separate web page? Have you ever wondered how to make your own page have similar behavior? Well, there’s good news and bad news. The bad news is… Read more »

Web Accessibility Made Easy: Lists

This blog post in the “Web Accessibility Made Easy” series describes how to appropriately use lists… a common feature of Web sites. Although helpful, lists are not always coded correctly. Lists HTML lists are an accepted way to outline or organize information into related groups on a Web page. Lists are a particularly helpful means… Read more »

Web Accessibility Made Easy: Tab Order

This entry in the “Web Accessibility Made Easy” series discusses an HTML attribute many web developers may overlook… tab order. Tab order and tabindex Tab order or “tabbing order”, “defines the order in which (HTML) elements will receive focus when navigated by the user via the keyboard.” (Tabbing navigation, W3C) All elements that by specification… Read more »

Web Accessibility Made Easy: Form Labels

This entry in the “Web Accessibility Made Easy” series will discuss explicitly associating a label with a form control. Label Elements The <label> element is an HTML element that defines a label for a specific control on a form.  There are two different ways to use label elements to associate a form control with a… Read more »

Web Accessibility Made Easy: Primary Language

This entry in the “Web Accessibility Made Easy” series will discuss setting the primary language of a web page and how to deal with language changes. Language Attribute The Language attribute of HTML, lang=”fr”, identifies the language of the document to user agents (browsers, search engines, assistive technology), in this case to French. Including the… Read more »

Web Accessibility Made Easy: Headings

This entry in the “Web Accessibility Made Easy” series addresses the use of headings to add structure to the content of Web pages. Headings HTML headings have been part of the structure of an HTML document from the beginning.  The heading tags <H1> through <H6> are meant to give web documents structure. Therefore, headings should… Read more »

Web Standards Smackdown: XHTML2 vs. HTML5

Way back in July, the W3C (the governing organization of web standards) announced that it was not going to renew the charter of the XHTML2 working group. In non-bureaucracy speak, that means the W3C has stuffed XHTML2 standards development into a bottle and chucked it out to sea, where it will spend the rest of… Read more »

Tag, you’re it! The Dreamweaver Tag Chooser

Web authors have a wide variety of HTML or XHTML tags to work with when creating Web pages. In addition to common tags like <p>, <ul> or <strong>, there are lesser-known, but still useful ones such as those below: HTML/XHTML Element Use <acronym> An acronym <cite> A citation to a document such as a book… Read more »