Skip to main content.

Using technologies wisely to build more accessible websites

Once you’re ready to build your web site or web page you begin wondering how you are going to build it. Will it have tons of animations and interactivity? Will I fill it with graphics? How will all that affect the navigation, comprehension, accessibility and download time of the page? What are the things you need to consider when deciding which and how technologies will be used in your website?


Each website has an optimal design that fits perfectly to its thematic, requirements and visitors’ type. For example, a web site offering e-cards will certainly need to catch the visitors’ eyes, using images, animations and interactivity, while a site dedicated to science, teaching or investigation may not need any of those to show up their information and contents.

The amount of animation or interactivity will certainly affect the accessibility of the web page given that the technologies used to provide this type of content are usually not supported by user agents or many times not designed for people with disabilities. To consider how many people you could be letting behind I will base my study on the statistics of this site (HTMLQuick.com) which is completely accessible and provides a lot of textual information.

To look at some round numbers I will say that if the content of the site would be completely based on Flash or JavaScript we would be loosing from 1.77% to 4.55% of the visits due only to the lack of technologies, which could be a very large number of visitors if the site is successful. But lets take some considerations based on the most popular and problematic technologies available.

Flash

Flash is a great way to build animations and interactivity but could also be a big accessibility problem. Creating a website completely in Flash could let out a 2.78% of the visitors and make the site completely empty for search engines, which may be your primary inconvenience.

Many sites will look at Flash as a primary necessity while others may only use it for animation or won’t use it at all.

- If your site doesn’t need it, then try to use it only for animation or providing rich alternative texts.
- Avoid building menus in Flash, as user agents not supporting it will not be able to follow their links.
- Export the swf files using the lowest version possible. Only a 69.2% of the visitors use the latest version. The rest 29.03% will have to download before playing the movie.
- Try to make the movie size as little as possible so people don’t get bored waiting for the page to load. There are still an 11.83% of visitors using dial-up connections.

JavaScript

JavaScript has similar issues to Flash. Many user agents won’t support it, including search engines robots. A 1.77% of the visitors won’t be able to see the information written in JavaScript nor follow the links.

- If possible use it only for not necessary interactivity and functionality.
- Otherwise, provide alternative static content in the “noscript” tag.
- Don’t make it necessary to follow a link. Use the “location.href” command as the “onclick” event in a static link (”a” tag).

Frames

Frames are nice, but should be definitively avoided. While most of the user agents support frames, search engines, as well as blind people, could be seriously confused when trying to relate the information contained in the different pages of a frameset.

Images

Images, even when not accessible, are a more benevolent alternative to Flash animations.

- Always prefer the use of images instead of Flash animations.
- Keep them small in size to reduce the page load time.
- Always provide the most appropriate alternative texts that better describes the purpose of the image.

Some ways to generally avoid the use of conflictive technologies is to opt for more common or more supported types of information. One of the best alternatives to set the look of a website is CSS. CSS is specially designed to set presentational attributes. Use it instead of tables to set layouts.

Anyway, some sites will necessary use some or all of these technologies to display their primary content. For example, an e-cards site may need Flash to display the animated and/or interactive cards (primary content). But when the use of these technologies is not a necessityFree Web Content, avoiding their use to provide primary content will be good for your visitors as it will be for you.

Source: Free Articles from ArticlesFactory.com

Diego Ponce de León
Corrientes, Argentina
webmaster@htmlquick.com
HTMLQuick.com

EASY SCREEN RECORDERSoftware
Capture on screen computor activity as avi files... CLICK HERE

More Related Articles From This Website...
     Now you have a Web site. Have you ever heard of accessibility?
    Now you have a Web site. Have you ever heard of accessibility? by: Del Maxwell An accessible Web site is easily approached, easily understood, and useable for all. There are accessibility standards set forth by the World Wide Web Consortium, which all sites should adhere to as much as possible. Web site owners should be aware of accessibility standards, because most designers and developers often ignore them. It is a waste of your investment to develop a great site that many Web surfers may not even be able to use. While personal sites can get away with more innovative technologies, most commercial sites should....

     The pillars behind an accessible creative business web site design
    The web site should look awesome in the sense that its design must be user friendly and visually appealing. Usability, accessibility and some basic browser design guidelines are there behind any new web site to look afresh. User friendliness, good look & feel and fast & easy communications are some of the features of any successful and cheap website design to target the prospects.   Only pretty images would not satisfy their quests. A site that is not visually appealing can drive a user away before he completes his task. Certain other things are also necessary here to....

     Keeping It Simple Is the Key for Optimization of a Website
    It is the balance between the desire to have all the novel and cool features accessible on the Internet and the desire to make a website easy to use and to navigate, that differentiate a successful web designing. When web designing employs the menus and graphic motifs to move and fly around, when every available screen spot is maximum exploited, it becomes cumbersome for user to manipulate it. The websites need to be....

     Common Web Design Acronyms
    This article explores the standard acronyms used in web design today and explains what each one means as well as the technology behind it. It will be a massive help to new starters in the field and could potentially help more experienced user gain a better grasp of the things they are working with. The author works as web design nottingham. The web is full of scary technologies but getting a grip on the basic ones will make life a lot easier. As with everything that is connected with computers there are a lot of scary acronyms but we will be taking a look at a....

     Link Popularity is The Key have huge amount of permanent and quality traffic
    Link popularity is determined by the number of links from relevant sites that direct traffic to your website. Because the latest updates to the major search engines, like Google and Yahoo! now consider not only the number of links, but additionally the theme and content of the linking page. Link Popularity is the key to earning a place in the results pages of these search engines. As a website owner, you may or may not realize the value of a campaign designed to increase link popularity. The results of such efforts serve to increase the amount of traffic not only....

     How to Find a Niche For Your Blog
    It is important to realize that your choice of a niche can have a significant influence on the success or failure of your new blog. Deciding on a theme can be a daunting task. What exactly are you going to write about? Your niche needs to be a popular topic that many people are interested in. If you are going to blog about yourself, then you better have a very interesting life, or you will have difficulty keeping your readers coming back for more. You should choose a topic that will make it comparatively easy to grow your readership and....

     Networking : Video Tutorial
    Networking technologies are some tools which make it available to conduct business through modern communications such as the Internet. Networking technologies have been rapidly developed for the last few decades. Their rapid speed of development can be considered as the great phenomenon of the twenty first century. We have new opportunities to connect themselves with the whole world every day. Some days ago we did not have webcams whereas almost everyone knows how they work and can afford their costs in order to install them and see people from the other side of our planet. A few years ago just a....

     How To Milk Your Content For All It’s Worth With RSS
    rSS, Newsletter, blog, Website…with so many places you can publish your web content to, how do you choose; especially when articles and time to publish them is limited. Besides, why should you publish your content in so many different formats? If you've been doing business online for any amount of time you know that building a list is integral to success. Regular website content brings search engine robots back. So do blogs. Blogs also help build your expert status and RSS is the new way for people to subscribe to your content without giving....

     Screen Scraping Your Way Into RSS
    Screen Scraping Your Way Into RSS by: Dennis PallettIntroductionRSS is one the hottest technologies at the moment, and even big web publishers (such as the New York Times) are getting into RSS as well. However, there are still a lot of websites that do not have RSS feeds.If you still want to be able to check those websites in your favourite aggregator, you need to create your own RSS feed for those websites. This can be done automatically with PHP, using a method called screen scrapping. Screen scrapping is usually frowned upon, as it's mostly used to steal content from other....

     What is Your Website's Most Wanted Response?
    is Your Website's Most Wanted Response? by: Steve NashYou spend time and money promoting your website; but what do you want to achieve (apart from more page views)? Is it more sales of Blue Widgets? Is it more subscribers on your mailing list? To be exact, what is your site's Most Wanted Response?I ask this question because in the excitement of creating your very own website, it is easy to forget (or not even consider) the main purpose of your site! Alas, I talk from experience!In late 1999 I created Shop Tour UK (http://www.shoptour.co.uk): "a unique way to surf secure UK....

     The Amazing Power of Articles to Drive Traffic to Websites
    Most experienced marketers are in awe of the amazing power of articles. Distributed in a consistent and structured submission pattern, they provide a force to drive insane amounts of traffic to any website. And yet some online enthusiasts shy away from article submission in the mistaken belief that the process is tedious and time consuming whereas nothing could be further from the truth. Certainly there is something of a learning curve to be negotiated in the matter of creative writing but with the amount of assistance available online nowadays, that is not a problem for anyone requiring tuition. A sound practice for beginners is....

     Why to learn HTML code?
    One of the most asked questions that come from people interested in building websites is: Why should I learn to write HTML code manually instead of using a WYSIWYG (What You See Is What You Get) editor? The answer to this question depends on the objective that each one has. Writing HTML code manually has its advantages and its disadvantages as well as WYSIWYG editors. To know which one of them is better for you, you'll have to know their advantages and disadvantages and take a conclusion based on them and your intentions. ....

     Evaluating Web Site Performance
    Setting up a website is the very first step of an Internetmarketing campaign, and the success or failure of your sitedepends greatly on how specifically you have defined yourwebsite goals. If you don't know what you want your site toaccomplish, it will most likely fail to accomplishanything. Without goals to guide you in developing andmonitoring your website, all your site will be is an onlineannouncement that you are in business. If you expect....

     E-Commerce in a Nutshell
    Are you new to the Internet and you're not quite sure what e-commerce is all about? You won't be left in the dark any longer! What is the use of paying hundreds of dollars per week on rent just to sell a few products through a storefront when you can sell everything easily and efficiently online? That is the question a....

     Raise Your Website Traffic with RSS - Blogs and Yahoo!
    In our first part of this article, we raised the question of whether blogging and its distribution tool, RSS feeds, are really useful for Internet and Search Engine Promotion. Are RSS feeds and blogs really the next big thing in web marketing, distribution, and content creation — or are they just hype? There is a lot of hype around RSS, blogs, and derivative technologies like podcasting. But are they really useful to the serious Internet marketer or are they just the subjects used by marketers looking to create new products to grab our....

Trackback URL for this post:
http://www.problogtips.com/using-technologies-wisely-to-build-more-accessible-websites/2180/trackback/

Posted by Jaron in the catagory of... General Interest

Comments are closed.