Low Vision Web Page Layouts
Did you undergo that most people who are wrongfully blind crapper actually see? If you're aforementioned me, you imagine that cecity is something aforementioned putting black goggles on, but for a aggregation of blind people, it is actually more aforementioned hunting finished waxed paper. In fact, digit of my best friends is wrongfully blind and she's a technical writer and she doesn't use a concealment reader to write. She meet maginfies what she's leaflet distribution company reading enough so that she crapper read it. And you don't hit to be wrongfully blind to poverty book on the machine to be larger. As we intend senior our eyes intend worsened and worse, and making the book larger is easier for every of us to read.Modern browsers allow users to ascent in on the book to make it easier to read, but with the columned layouts, this crapper intend questionable rattling quickly if the book is zoomed likewise much. Columns crapper intend pushed off the concealment or embellish foul if they are fixed width and the book is likewise bounteous for them.
How Do Web Designers Currently Solve This Problem?
* Text Only Pages
One of the more popular structure to make sites more accessible is to create \"text only\" versions of the page. The software development idea being that if there is meet book there, the tender will be easier to print or magnify.
The difficulty with book only pages is that they are a fix headache, and they show that the reader is effort something another than the tender they actually poverty to read. There is an underlying question of \"if they deleted the images, what else did they delete?\" So customers don't utter on those links. Plus, if they are arduous to maintain, chances are, you won't maintain them, and so the customers really won't be effort what they poverty to get.
* Magnify Text Buttons
The idea here is that the customer clicks on a magnify icon and the type filler is increased.
The difficulty is the aforementioned as when the customer uses the browser magnification. Text won't always fit in the concealment and so on.
Some another issues with both design and Web designer solutions are:
* Screen real-estate
Enlarging the book crapper force columns to holograph off-screen to the right or left and effectively disappear.
* Headers
When book is magnified headers and bold crapper embellish confused and arduous to distinguish. But these tags behave as markers in the book to make them easier to read. Leaving them in the writing is rattling important.
* Color
The most popular colouration scheme on the Web is black book on a albescent background, but this colouration scheme is rattling hard to read on a machine screen. I think my selection description of this colouration scheme is "Black book on albescent is aforementioned hunting at ants on a lightbulb." Color schemes aforementioned albescent on blue (think WordPerfect) or green on black (think older machine terminals) are a aggregation easier on the eyes.
Creating a Zoom Layout with CSS
The simplest artefact to create a ascent layout is to simply create a second style artefact (usually called something aforementioned zoom.css) that incorporates the following:
1. A Single Column
We're so indoctrinated to use binary columns on Web pages these days, but as I've mentioned above, this causes a aggregation of problems for people who feeding with magnified text. Website Promotion Company, If you put every your content into a single column, you hold this problem.
2. Flexible or Liquid Width Layout
Since we're assuming that the type is feat to be increased, and our customers strength process it even more with their browsers, making the article pliant in width is best so that it remains readable even if the concealment is maximized with 3x type sizes.
3. A Big Font
This is a layout that is trying to be accessible to people who hit lower vision, so make it big. And use progressive type sizes aforementioned ems or percentages, so that your customers crapper process the filler if huge to you is microscopic to them.
4. Invert the concealment colors
It's tempting to go straight to albescent on black, but that has so much contrast that it's still hard to read. Think colors aforementioned blue, green or albescent on black or Stygian brown.
5. Prune your navigation
Since we've moved the site into digit column, you need to make sure that the first 5 screenfulls of book are not your navigation. Keep it simple. Use classes to hide sub-navigation and keep meet the basic digit or digit levels of navigation at the top and lowermost of the page.
6. Don't change the content
Don't intend rid of images, don't remove or alter content. The point of the ascent layout is that it's the aforementioned content as the accepted page, meet prefabricated more legible for low-vision readers.
Making Your Zoom Layout Available
Many modern browsers such as Firefox and Opera offer the knowledge to alter between alternate style sheets that are attached to the document. So, as the Web designer, every you hit to do is attach your style artefact to the document:
This style artefact will then appear in the View schedule under "Page Style".
1 comment:
Thanks for the post, great ideas, keep sharing...
Post a Comment