In this tutorial, you will learn how to use Cascading Style Sheets (CSS) to change the background of form elements when they receive focus on your web page. This behavior makes it easier for keyboard users to know where they are in the form as they press the Tab key to navigate the items on the form. It can also be a helpful visual indicator for people with cognitive disabilities.

Fieldsets can be used to group related form elements on long forms using a label called a legend. This can make it easier for people with cognitive disabilities to understand the form by splitting it into more manageable sections.

Forms may be used to collect information from your website’s visitors, and they are also used to perform searches and find content on your website. Because forms are one of the primary ways people will interact with your website, it is important that they be accessible. In this tutorial you will learn how to create accessible forms with Dreamweaver by using text labels that are associated with their form elements with a FOR attribute.

In this tutorial, you will learn how to use Adobe Dreamweaver to add an accessible data table to a web page.

For a long time, the only way to create columns and perform other layout tasks in HTML was through the use of tables. However, a current best practice is to use Cascading Style Sheets (CSS) for layout, and to limit the use of tables to the display of tabular data. The reason for avoiding tables for layout is that the reading order for screen readers and other assistive technology may be different from what is shown on the screen with layout tables. In this tutorial, you will learn how to use browser add-on that will let you check the reading order of your web pages if they still use layout tables.

Page titles are important because they are one of the first things screen reader users will hear when they arrive on your website. Having a descriptive page title on each page will help those visiting your website with a screen reader quickly determine they are on the right page and site. Dreamweaver Page Titles Video Tutorial […]

Dreamweaver’s preferences include a setting that will remind you to add alt text to each image as you add it to a web page.

The Web Developer Toolbar is a free add-on for the Firefox web browser. It can be downloaded from A version of this toolbar is also available for the Chrome web browser from Google. This tutorial will show you how to use the Web Developer Toolbar to check the images on your web pages for appropriate alternative text.

Dreamweaver is one of the most popular web authoring tools used by web designers. This tutorial will show you how to add alt text to images in Dreamweaver.

Bookmark and Share