Make HTML pages created from MS Word more Accessible
Many HTML pages are still being created using Words in-built 'Export to HTML' function, so in this weeks tip I explore some simple ways to make the resulting web pages a little more accessible (than they would otherwise be). Using Word to create HTML pages is not ideal, as the program has a tendency to add a lot of extra 'junk' to the resulting markup; the extra markup is used to try to make the Web page look similar to the original Word document.
However here are two important techniques that will help you to ensure your resulting web pages will be a bit more accessible, particularly for people who are using screen readers:
- Use the styles facility within Word to add structure to your documents, e.g. instead of just making your headings bold, use styles to assign the appropriate level of heading. The structure will be retained when the document is converted to HTML. 'Screen readers' will use the document structure to help make reading the web page more efficient, e.g. by presenting all of the headings on a page in a summary list, so that the user can jump straight to the part they are interested in.
- Add alternative text to all your images (right click, and select format picture); these labels will be retained after the document is converted to HTML and can be read out to the user by screen reading software.
Author: Jim Byrne
Position:
Website: Guild of Accessible Web Designers
Bio:
Copyright © 2002, 2003, 2004, by Jim Byrne. All rights reserved. Jim is a recognised authority on accessible web design, author of Making Websites Accessible (SAIF, 2002), and Accessible Web Typography (ScotConnect 2003). He was a founder member of the award winning, accessible web design consultancy established in 1996, 'The Making Connections Unit' (http://www.mcu.com).
Date Created: 25-Oct-2007
Last Updated: 25-Oct-2007
Permalink: [link]
Articles
- 3 Tips: Free Bobby, Free Waizilla, and use Acrobot
- A better approach is to design pages so that the presentation of content can be changed by the end u
- Add structural meaning to image based headings
- Associate form fields explicitly with their labels
- Check colour contrast by creating a greyscale image of your web page
- Decide whether your non-text elements are functional, decorative or providing content?
- Develop your sites for a standard compliant browser
- Don't rely on automated tools for checking web accessibility
- Don't use HTML & CSS color attributes
- Don't use the statistics defence as a reason to exclude people from your content
- Download ready made style sheets to meet your access needs
- How to hide a flash
- How to make client-side image maps accessible
- How to make your pages validate when they include urls with ampersands (&'s) in them
- If you need help, ask an expert!
- Layout your forms using CSS instead of tables
- Structure your menus by marking them up as lists
- The Flash Satay method to embed flash in your pages and support standards
- Understanding colour contrast and accessibility
- Use absolute size keywords to set the text size on your pages
- Use alternative style sheets to give users control of critical elements such as text size or colour
- Use favelets to check validation and accessibility of your web pages
- Use Javascript to add default text to input fields
- Validate when using blockquote
- Web accessibility for deaf people
- Web Accessiblity Toolbar for Internet Explorer
- What is the object element for?
- When a link falls at the end of a sentence always put the full stop outside the anchor tag
CATEGORY INDEX
Site Sponsors
- Attitude e-media designs websites to be mobile ready, adhere to international standards, and be an attractive online business entity, including hosting services.
- TOLRA Micro Systems Limited offers web design, e-commerce enabled sites, web hosting, and off the shelf scripts, such as the TOLRA php Directory Script




