Html code, for zoom in and out, Magnifier in html?

Question

i am using frameset in my website.

Hi , I am creating a website for people with visual disabilities . I have two buttons on the website, one is called bigger and the other one is Smaller . I want website to become bigger once a user clicks on the “bigger” button and I want website to became smaller once a user clicks on the “Smaller” button.I want to 5 different zoom in option and zoom out option.

Answer 1

Search free JAVA SCRIPTS AND free HTML SCRIPTS

Answer 2

You actually don't need to do that. Most people with visual disabilities should know how to zoom in and out using the browser's native ability to zoom in and out. Just put a short explanation on how to zoom in and out somewhere in the most visible part of the site.

In IE and Firefox, you zoom in and out using Ctrl + mouse scroll wheel. And there is an option on the View > Text Size for Firefox, there is also an topbar option in IE too, but I forget where.

The catch is, you MUST design your site fully with relative sizes (note: relative size is different with relative positioning). Use percentages, em, larger-smaller, etc over pixel, cm, etc.

Alternativly, you can use Javascript to switch the CSS to different CSS layout, one with smaller fontsizes one with larger fontsizes. This way, you could use absolute sizing, however relative sizing is still recommended because you could use tricks like:
body {
// The different CSS that is switched by the javascript
// only differs on this one line:
font-size: 12px;
}
p {
font-size: 1.5em;
}

And if you're designing website for people with visual disabilities, avoid using frames, they're not so friendly with screen reader softwares.

Other tips you might've known:
Choosing contrasting color is also important and be aware that some people are color blind, while full color blindness won't be a problem for choosing contrasting color with a normal eyes, choosing contrasting color for partial color blind person is problematic. To be on the safe side, black over white is the best option, although it doesn't mean that you couldn't use other colors, just test the colors you choose first by filtering some colors out.

Answer 3

The best way to design a website for the visually impaired is to mark it up semantically with html and use css for styling. Someone visually impaired can re-size text with their browser and/or use their own style sheet. Using frames (they suck anyway) is not helping accessibility. Problem is when code does not allow the user to re-size (for instance by specifying font size in pixels).
And when you've designed your site use webxact to check for accessibility.

Answer 4

Sorry, this isn't any longer HTML, it incredibly is style of something ordinary as CSS which types HTML pages. to make the main of it nonetheless, make a sparkling record talked approximately as type.Css and paste that code in there. Then in the website you ought to make the main of the type in, upload this between the precise tags: It in actuality calls the CSS record to the website and exceptionally's up the internet website for you, provided the internet website you word it to is in HTML. additionally, for people who possibly questioning, calling the CSS record to the internet website does not mean you will discover the code everywhere on the internet website whilst your finding it; it in simple terms calls the climate to type the HTML, this is it.