What is the object element for?
Currently we add images to our pages using the img element, we tend to add fancy bits of video or wizzy and exciting flash using the applet element. So why do we need the object element?
The object element introduced as part of HTML 4, and is designed to be used for all instances when we want to embed a generic object - such as a flash movie, or a video or an image - into a web page.
That's all very well but what's it got to do with accessibility? Well the fantastic thing about the Object elements is that you can use it to provide lots of alternative presentations of your content - you are not confined to providing a simple text equivalent - as you are for when using the img tag.
For example, you want to provide a Quicktime video on a web page - but it turns out that some browsers don't have the support for Quicktime - so you can specify that a mpeg movie be played instead, or some other alternative format. If the mpeg movie isn't supported you can specify that a text transcription should be used - and so on.
To add the fun - for browsers that don't support the object element you can provide the embed element within the object element as yet another alternative method of delivering your multi-media.
So there you go; the object element is a kind of Swiss army knife (so to speak) you can add to your web accessibility tool box.
Date Submitted: Tuesday, 22 March 2005
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
- Make HTML pages created from MS Word more Accessible
- 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
- 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




