Creating an Accessible Page
In this tutorial, we will create a sample department page, based on an existing page from the Department of English at Ohio State University. Our page will contain a variety of elements, frequently used by web designers, which require additional coding for accessibility. These include: images both decorative and informational; client-side image maps; tables layout and data; skip navigation link, and in-page (embedded) styles.
Let's begin by taking a look at the page we will create:
Tutorial Page: example.htm
Notice that there are three sections to this page: the header with logo and main navigation, the body with two columns of text, and the footer with links to College and OSU home page and accessibility statement. Don't worry, the text has been provided for you. No need to retype!
|