Web design: Text size vs. zoom
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
Zoom doesn't necessarily support accessibility. Using a screen reader (at least once) is an amazing glimpse into what accessibility actually requires.
Need custom software developed? I do custom programming based primarily on MS tools with an emphasis on C# development and consulting. I also do Android Programming as I find it a refreshing break from the MS. "And they, since they Were not the one dead, turned to their affairs" -- Robert Frost
-
Zoom doesn't necessarily support accessibility. Using a screen reader (at least once) is an amazing glimpse into what accessibility actually requires.
Need custom software developed? I do custom programming based primarily on MS tools with an emphasis on C# development and consulting. I also do Android Programming as I find it a refreshing break from the MS. "And they, since they Were not the one dead, turned to their affairs" -- Robert Frost
I agree, but screen readers have nothing to do with the question of zoom vs. text size. The question is more about making content available to people who are visually impared rather than blind, or who (alas, like me) are getting to an age where they forget where they've left those damned reading glasses.
-
I agree, but screen readers have nothing to do with the question of zoom vs. text size. The question is more about making content available to people who are visually impared rather than blind, or who (alas, like me) are getting to an age where they forget where they've left those damned reading glasses.
Gregory.Gadow wrote:
forget where they've left those damned reading glasses.
They're just to the right of your monitor behind the coffee cup.
Panic, Chaos, Destruction. My work here is done. Drink. Get drunk. Fall over - P O'H OK, I will win to day or my name isn't Ethel Crudacre! - DD Ethel Crudacre I cannot live by bread alone. Bacon and ketchup are needed as well. - Trollslayer Have a bit more patience with newbies. Of course some of them act dumb - they're often *students*, for heaven's sake - Terry Pratchett
-
Gregory.Gadow wrote:
forget where they've left those damned reading glasses.
They're just to the right of your monitor behind the coffee cup.
Panic, Chaos, Destruction. My work here is done. Drink. Get drunk. Fall over - P O'H OK, I will win to day or my name isn't Ethel Crudacre! - DD Ethel Crudacre I cannot live by bread alone. Bacon and ketchup are needed as well. - Trollslayer Have a bit more patience with newbies. Of course some of them act dumb - they're often *students*, for heaven's sake - Terry Pratchett
Can you be a bit more specific? I have three monitors on my desk, and I don't drink coffee.
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
For me zoom would do. Your question caused me to search for Accessibility related stuff and I was surprised to see that there are no regs in the US. I did find this[^], which you might find useful.
Henry Minute Do not read medical books! You could die of a misprint. - Mark Twain Girl: (staring) "Why do you need an icy cucumber?" “I want to report a fraud. The government is lying to us all.” I wouldn't let CG touch my Abacus! When you're wrestling a gorilla, you don't stop when you're tired, you stop when the gorilla is.
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
In my opinion, I will stay away from the zoom, since it distorts the images and other graphics. intead I will choose text size big enough that, most of the user will not need to zoom. now a days most of the users have > 1024 width so you can design the website with larger fonts without any problem. And if larger font is not an option due to lot of content, then you can just provide 'A' and 'A' at the top where you change the stylesheet which has larger fonts.
-
Can you be a bit more specific? I have three monitors on my desk, and I don't drink coffee.
-
I agree, but screen readers have nothing to do with the question of zoom vs. text size. The question is more about making content available to people who are visually impared rather than blind, or who (alas, like me) are getting to an age where they forget where they've left those damned reading glasses.
Um, no, your question was about accessibility. There are many non-blind users that use screen readers as a tool for accessibility because corrective lenses are not available to solve the issue. If you want to make a website easier to view for people that wear corrective lenses but can't be bothered to put them on that is one thing but to confuse it with making your site accessible is another. For the effort involved, I see no reason not to just make your site actually accessible. (Although, to be honest my current website is not).
Need custom software developed? I do custom programming based primarily on MS tools with an emphasis on C# development and consulting. I also do Android Programming as I find it a refreshing break from the MS. "And they, since they Were not the one dead, turned to their affairs" -- Robert Frost
-
For me zoom would do. Your question caused me to search for Accessibility related stuff and I was surprised to see that there are no regs in the US. I did find this[^], which you might find useful.
Henry Minute Do not read medical books! You could die of a misprint. - Mark Twain Girl: (staring) "Why do you need an icy cucumber?" “I want to report a fraud. The government is lying to us all.” I wouldn't let CG touch my Abacus! When you're wrestling a gorilla, you don't stop when you're tired, you stop when the gorilla is.
Ah, excellent! I never thought to check W3 for official guidelines, thanks for the link.
-
I agree, but screen readers have nothing to do with the question of zoom vs. text size. The question is more about making content available to people who are visually impared rather than blind, or who (alas, like me) are getting to an age where they forget where they've left those damned reading glasses.
They are on your head. Or at least that's where I usually find mine. :)
Chris Meech I am Canadian. [heard in a local bar] In theory there is no difference between theory and practice. In practice there is. [Yogi Berra] posting about Crystal Reports here is like discussing gay marriage on a catholic church’s website.[Nishant Sivakumar]
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
You should design your site so that it plays nicely with font size changes. That generally means not using fixed size elements and being aware of where text overflows when it is increased in size (or, semi-equivalently, the browser window is made smaller). You should be doing all that anyway because you don't know what pixel size your site will be viewed at, so text size shouldn't be a big factor in your design. It doesn't matter if it doesn't look quite as nice (as you say most browsers by default scale images as well), but it should at least degrade gracefully.
-
In my opinion, I will stay away from the zoom, since it distorts the images and other graphics. intead I will choose text size big enough that, most of the user will not need to zoom. now a days most of the users have > 1024 width so you can design the website with larger fonts without any problem. And if larger font is not an option due to lot of content, then you can just provide 'A' and 'A' at the top where you change the stylesheet which has larger fonts.
You cannot 'stay away from the zoom', as a designer. It is a user option in the browser. As a designer it's your responsibility to play nicely with the user's choices. Your website's default font size should be similar to other websites so they don't have to pick different settings to view yours (more likely, they'll just not look at yours if it annoys them). Just because most screens are >1024px doesn't mean that your site will be, either (particularly with the W7 ability to quickly move a window to one side of the screen).
-
You cannot 'stay away from the zoom', as a designer. It is a user option in the browser. As a designer it's your responsibility to play nicely with the user's choices. Your website's default font size should be similar to other websites so they don't have to pick different settings to view yours (more likely, they'll just not look at yours if it annoys them). Just because most screens are >1024px doesn't mean that your site will be, either (particularly with the W7 ability to quickly move a window to one side of the screen).
BobJanova wrote:
You cannot 'stay away from the zoom', as a designer
Well, I was trying to say that it's a automatic thing comes with browser. so dont rely on it, and use proper font size so that most of the people dont have to use zoom (because many of them dont know they can zoom). but you cant choose 10pt fonts and think that people will zoom if they cant read.
BobJanova wrote:
Just because most screens are >1024px doesn't mean that your site will be, either (particularly with the W7 ability to quickly move a window to one side of the screen).
For this you have to design fluid layout intead of fixed width, that has nothing to do with font size (because you still have the higher resolution, and people with 1024 screen width are not going to use Aero snap). :)
-
BobJanova wrote:
You cannot 'stay away from the zoom', as a designer
Well, I was trying to say that it's a automatic thing comes with browser. so dont rely on it, and use proper font size so that most of the people dont have to use zoom (because many of them dont know they can zoom). but you cant choose 10pt fonts and think that people will zoom if they cant read.
BobJanova wrote:
Just because most screens are >1024px doesn't mean that your site will be, either (particularly with the W7 ability to quickly move a window to one side of the screen).
For this you have to design fluid layout intead of fixed width, that has nothing to do with font size (because you still have the higher resolution, and people with 1024 screen width are not going to use Aero snap). :)
The default 'content text' size on most sites is about 10pt. Here on CP, it's 9pt. If you make your site 18pt, people are going to want to shrink it so it looks like other sites. (If they can't read 10pt, their browser will be set up to show larger text already.) "For this you have to design fluid layout intead of fixed width" - yes, exactly. Fixed width is usually a bad idea, as it only works in a tiny fraction of cases and looks wrong at all other widths. A fluid layout already sets you up to cope with variable text size, though, so doing that (already good) thing means you don't have to worry about the topic of this thread.
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?
You're going to get opinions both ways, some saying you must use varying font sizes to those who say you must use fixed font sizes. Typically the former arguments are older arguments based on older browsers, and the latter argument based on modern browsers and their excellent zoom functionality. Me? I've always found using relative font sizes an exercise in pure pain because you're fighting so many battles at once: fonts, browser oddities, layout, CSS inheritence, the immediate problem of image scaling relative to font scaling, to name a few. My call: use absolute, not relative font sizes and let the browser and the OS scale appropriately. It's far more consistent to the user.
cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP
-
You're going to get opinions both ways, some saying you must use varying font sizes to those who say you must use fixed font sizes. Typically the former arguments are older arguments based on older browsers, and the latter argument based on modern browsers and their excellent zoom functionality. Me? I've always found using relative font sizes an exercise in pure pain because you're fighting so many battles at once: fonts, browser oddities, layout, CSS inheritence, the immediate problem of image scaling relative to font scaling, to name a few. My call: use absolute, not relative font sizes and let the browser and the OS scale appropriately. It's far more consistent to the user.
cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP
And, of course, the first thing I tried after reading your response was to change the text size of Code Project ;P
-
You're going to get opinions both ways, some saying you must use varying font sizes to those who say you must use fixed font sizes. Typically the former arguments are older arguments based on older browsers, and the latter argument based on modern browsers and their excellent zoom functionality. Me? I've always found using relative font sizes an exercise in pure pain because you're fighting so many battles at once: fonts, browser oddities, layout, CSS inheritence, the immediate problem of image scaling relative to font scaling, to name a few. My call: use absolute, not relative font sizes and let the browser and the OS scale appropriately. It's far more consistent to the user.
cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP
-
For me zoom would do. Your question caused me to search for Accessibility related stuff and I was surprised to see that there are no regs in the US. I did find this[^], which you might find useful.
Henry Minute Do not read medical books! You could die of a misprint. - Mark Twain Girl: (staring) "Why do you need an icy cucumber?" “I want to report a fraud. The government is lying to us all.” I wouldn't let CG touch my Abacus! When you're wrestling a gorilla, you don't stop when you're tired, you stop when the gorilla is.
Section 508 is the US regulation for Electronic and Information Technology Accessibility Standards. Of course this only applies to software used by the Federal Govt (and is essentially the W3C standard+), but a good resource: http://section508.gov/[^]
"It's like the sixties, but with less hope."
-
Not quite the light hearted bacon-related post that has become standard fare in the Lounge, :~ but I'm interested in people's opinion. Is it still advisable to style website for changes in text size? Most browsers support zoom, which will scale the page evenly. The relative proportion of graphical elements such as images and text size remain constant. This makes pages much easier to design: text written across a 200px graphic background will look pretty much the same at increased and decreased magnification. Changing text size, which is the older implementation of making pages accessable to people with vision difficulties, will scale the size of the text while keeping all other layout and graphical elements the same size. My question comes from a site I'm helping to design. I only need to support recent browsers, all of which support zoom. Relying on zoom for accessability will make design much easier, but I'm not sure yet about moving away from established recommendations. Anyone have something to say the matter?