Accessibility is one of the most crucial factors in determining the success of a website. And accessibility does not limit to making it easier for community to get to your website. Rather it also includes making all human beings able to get to your website easily. And this includes general public with low vision as well. You would be surprised to know how of your target audience consist of persons with low vision. And failure to generate your website accessible to them can result in significant withdrawal in your website traffic. There is a difference between citizens who are blind and those who have low vision. While blind humanity have absolute zero visibility, humans with low vision can see nevertheless only recite passage with very large fonts. Modern web browsers do allows internet users to zoom in on the online words in order to facilitate easy reading. However, there is a puzzle with columnar layouts. This is by reason of when you zoom in also much, columns can get
pushed off the screen or become illegible altogether in example of fixed-width layouts. Here are some tips to overcome this problem: Create Paragraph Only Pages - By creating "text-only" versions of your web pages, you can cause it easier for your visitors to magnify the pages and view the subject or get the pages printed. Magnify Contents Buttons - You can provide your website visitors with a "magnify icon" that can increase the font vastness of the web stage and build it easier for the readers to peruse the contents. However, these solutions are not without a allot of problems. With both the solutions there are accompanying setbacks. Some common problems are: High Maintenance - It is very difficult to maintain "text-only" versions of web pages. Moreover, visitors don"t get the original chapter of the website. Magnification Errors - As it happens with browser magnification, the text might not fit into the screen and columns can scroll off the screen to either left or ex
actly and disappear altogether. Difficulty to Distinguish Headers - When the text contents are magnified, what happens is the headlines and bold characters scrutinize just the same. This makes it difficult for website readers to distinguish between the two. Color Confusion - Black text on white background is the most popular color scheme on the Internet. However, this is not very readable on a zoomed in version. How to Create Zoom Layouts with CSS Creating a zoon layout with CSS is easy. Just create a second style sheet, called "zoom.css" and constitute persuaded it includes the following features: Single Column - Situate all your content into a single column. This would enable website visitors to discover all he content and not miss away anything, yet if they are reading magnified versions of the page. Liquid Layouts - By making the layouts liquid and columns with flexible width, you can be decided that the website contents are readable still if your website visitors m
agnify the font sizes. Large Fonts - To practise undeniable that your website layout is accessible to mankind with low vision, manipulate proportional font sizes like ems or percentages so that your website visitors can easily bloat the font sizes. Inverted Screen Colors - Instead of reversing the traditional "black-on-white" format and making it "white-on-black" try soothing color combinations like blue or green on white. Simplify Navigation - Keep you navigation very simple. You can operate classes to hide the sub-navigation links and keep only one or two basic levels of navigation on the top and bottom of the page. No Content Changes - Making content changes defeats the whole purpose of zoom layouts. So, don"t alternate anything of the leaf contents and let it be just as the original page. Full text: http://computerandtechnologies.com/web-hosting/news_2009-01-23-19-30-04-147.html
Friday, January 23, 2009
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment