skip navigation

The Ohio State University

  1. Help
  2. Campus map
  3. Find people
  4. Search OSU


Web Accessibility Center home page.

  • Web Accessibility Center



Page 3 of 10.

Beginning   PREVIOUS || NEXT   End

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:

Finished view of page to be created in this tutorial.  See index.html in Practice Web.

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!

 

Page 3 of 10.

Beginning   PREVIOUS || NEXT   End

 

OSU Web Accessibility Center (WAC)
1760 Neil Ave 150 Pomerene Hall Columbus, Ohio 43210
Phone: (614) 292-1760 Fax: (614) 292-4190 E-mail: webaccess@osu.edu
For questions or problems with this site, including incompatibility with assistive technology, email the WAC Webmaster.

 

 

Our Partners