Designing Websites for Disabled / Elderly? 58
dangerz asks: "I'm in a class right now that gives you a client and you must design a site for them for free. My class was split up into a group, and I am the Project Manager / Lead Programmer in the group. Our client is a group for Disabled and Elderly People. Basically, what we need to do is create a site for them to sell their art work. We had a meeting with the board of the organization today where we explained the basics of a website and what we'd need from them to move on. They learned pretty quick, but there are some things they want that we think aren't aesthetically pleasing. Has anyone ever had to do a site where the target audience was elderly or disabled people, and if so, what steps did you take to make sure everything was simple and accessible?"
Two words: font size (Score:2)
15.2.4 Font size: the 'font-size' and 'font-size-adjust' properties
This property describes the size of the font when set solid.
Possible values are:
[ xx-small | x-small | small | medium | large | x-large | xx-large ]
Re:Two words: font size (Score:3, Informative)
NO. Do not use the font tags.
There are two lists of recommendations which would be helpful for you and your team:
Re:Two words: font size (Score:2)
That was a quote from the CSS specification. HTML doesn't have properties or font size keywords. "Font tags" (you mean "font elements" or "the font element type") don't come into it.
Font size (Score:4, Informative)
Elderly people generally can't read small fonts. It's probably their biggest complaint about web sites.
The solution is to use a font size of 1em for your normal text. That way your users will get the font size that they have chosen as their comfortable default.
This is pretty good advice for users of all ages actually.
Re:Font size (Score:1)
Re:Font size (Score:1)
He was saying that you should let them use whatever size they pick rather than using a pixel size:
Re:Font size (Score:1)
Re:Font size (Score:2)
Re:Font size (Score:2)
But yeah, I always use relative and named sizes, never pixel or point sizes, unless I have an ornery client (like my current one) who insists that the text must be exactly 7 pixels tall, and he doesn't care what sorts of visual impairments people may have! I just roll my eyes and say, "Sure thing." Since at least he's letting me do it
Re:Font size (Score:2)
I think that applies to just about any line of work. It's amazing what we'll put up with from the person paying us
Re:Font size (Score:2)
Re:Font size (Score:2)
Fortunately, it wasn't too difficult to work with, though the client (who is also insistent that the site MUST work on his Treo 600, and LOOK CORRECT even!) also hated some of my accessibility-fri
Re:Font size (Score:2)
US Govt Section 508 (Score:5, Informative)
Some govt webmasters wine about this, but it's really a good thing, given that all should be able to access govt data.
Re:US Govt Section 508 (Score:1)
That page does nothing. At all. The font sizes are fixed. (They are defined in pixels!)
Re:US Govt Section 508 (Score:1)
WCAG (Score:5, Informative)
The W3C [w3.org] (the people behind the HTML, HTTP and CSS specifications) have published the Web Content Accessibility Guidelines [w3.org] for exactly this situation.
The most sensible methodology is to write basic, meaningful HTML, and then use CSS, Javascript, images, etc where they will add to the value of the website where you can do so without constructing barriers for certain groups of people. For the most part, HTML is already accessible, and it takes screw-ups to make it inaccessible. Unfortunately, the types of screw-ups that make websites inaccessible are very common (things like leaving out alt attributes on images, trying to fix font sizes, etc).
As for it being aesthetically pleasing, accessible websites don't have to be boring, but if you have to choose one or the other (you rarely do), wouldn't it be better that somebody could actually use a website, rather than it being a pretty-looking, but ultimately useless toy?
Large text and contrasting colors (Score:4, Informative)
As far as structure. Simple Simple Simple. Big bold headers. Big separators. Lots of CLICK HERE links. Most people miss the mouseovers and don't really understand hyperlinking. And make those mouseovers VERY different. Invert the colors of the link when there is a mouseover event. Lastly, aim for 800x600, no bigger. My father uses XP at 8x6 on a 19" monitor and it is too small for him.
Re:Large text and contrasting colors (Score:1)
Lots of CLICK HERE links.
The guy has explicitly pointed out that disabled people are a target market for this website. "Click here" links are just stupid when you don't use a mouse because of crippling arthritis, or have a user-agent that reads pages aloud because you are blind.
Lastly, aim for 800x600, no bigger.
Ignore this advice and aim for a flexible layout. What happens when the user has 800x600 resolution, but has a sidebar? Or when they don't run the browser maximised? Or when they've in
Re:Large text and contrasting colors (Score:1)
I think you miss the point of an accessible website. It's supposed to be written in a way that makes it possible to access the content on any browser, including screen readers, and possible to change user preferences (font size, colors, etc...) without adverse consequences.
The point is NOT to make a web
Re:Large text and contrasting colors (Score:3, Informative)
Yes, please do not take this advice literally, as it is wrong. The poster is correct that you are not to build a web site to people that don't understand web sites, but W3C [w3.org]
Re:Large text and contrasting colors (Score:1)
You have given some kick-ass advice in aboout 1/10 the space most people use! I actually have a page, Thinking in Binary [webhop.net], which I have written entirely from scratch in XHTML (using Template Toolkit's ttree to insert nav bars and such). Feel free to take a look and criticize--nobody reads it yet anyway.
>Why design site by site for the disabled? (Score:2, Insightful)
Re:Why design site by site for the disabled? (Score:2, Insightful)
That would involve some pretty spectacular artificial intelligence. When authors of websites don't know what they are doing, and instead of marking up headings as such, they choose to put them in a different colour or something, how is a user-agent supposed to understand the change in context and relay that to the user where colour is not available, for instance?
It's a problem similar to optical character recognition, except you aren't just recognising a finite set of glyphs, but trying to extract mean
Re:Why design site by site for the disabled? (Score:1)
Another thing entirely but knowing how one page is coded badly will likley help it in transposing newly found pages into a useable interface if such information is shared by users. Like a P2P config settings for webpage to webpage for people with varying disabilities.
Re:Why design site by site for the disabled? (Score:4, Insightful)
Congratulations, you've just described a web browser.
The issue is whether web designers use a sufficiently flexible design so that it allows end-users can incorporate their own style-sheets etc. to make the site just right for them.
IOW, one site that can appear in many different ways depending on the browser settings. All modern browsers can already do this.
Re:Why design site by site for the disabled? (Score:1)
All data formats should be made accesible by transposition into a software that can bring the most utlity out of that information for them or should we just allow them to forget about accessing a page because it was ill des
Re:Why design site by site for the disabled? (Score:2)
What happens when we are talking about flash animation with text in it for the blind,
Easy, don't use Flash until it has better accessability built in.
or spoken word for the deaf,
The deaf can use speaking browsers. Just mark up your page honestly, and they'll have no problem.
or a complex interactive game for the parapalegic?
Ridiculous example.
Huh, this is not as simple as making sure that someone can apply their own css.
Actually, it is, as long as the web designer has a bit of nous.
Re:Why design site by site for the disabled? (Score:2)
Re:Why design site by site for the disabled?-Bumpy (Score:2)
Re:Why design site by site for the disabled? (Score:2)
OK, deaf/blind, I got mixed up. But as the other poster noted, text to braille is even easier than text to speech.
Because we design web sites for everyone! (Score:1)
Actually, the user does have to care about all his viewers. Without some kind of standardization, there would be no WWW. If web designers simply took the time to think about making their sites simple to render in various ways, including screen readers, braille displays and the like, the benefits would flow on to the entire web community as a result of the consistent HTML.
There are quite a few things that really get on the nerves of disabled clients who I work with, which have all been mentioned previously
Some sites (Score:3, Informative)
firstgov for seniors [firstgov.gov](although not quite as good as seniornet.)
There are also several libraries that have very good senior sections, such as Multnomah County Library [multcolib.org], and Vancouver Library [www.vpl.ca]
A few suggestions (Score:4, Informative)
1) Keep the site layout simple. I'd go with as much text and as little graphic content as possible, other than actual thumbnails of the art. Two columns at most (say, navigation on left and content on right), and use percentages rather than fixed column sizes.
2) High contrast. Bold primary colours in graphics, black text on white bg (or vice versa, but seniors might like the former better).
3) Use CSS. In fact, use several, and customize them for different types of visual presentation. Like, you could have a high-contrast, white on black, large text version, etc. Make them available in links; it might mean duplicating some HTML if you're not serving it up full of steaming dynamic goodness, but it's worth the effort... and text files are pretty small, relative to graphics anyway.
4) Label your navigation elements clearly, with descriptive text links rather than inscrutable icons.
5) You might think about a link to Firefox (you're on
6) TEST it. Find out what people like, what they don't. Using CSS, all you'll have to change (assuming they're OK with the graphics) is the stylesheet(s).
Good luck, it's nice to see people working to make the web more accessible. Cheers!
Re:A few suggestions (Score:2, Informative)
Hate to bust your bubble, but you can do the same in IE.
Re:A few suggestions (Score:2)
Re:A few suggestions (Score:1)
Re:A few suggestions (Score:2)
Typical that the one place where IE strictly enforces CSS would have to be the one which impairs usability...
Re:A few suggestions (Score:2)
Tools | Options | General | Accessibility. Tick the "Ignore font sizes specified on web pages" box.
Re:A few suggestions (Score:2)
Now do you mind telling this to all of the older people who keep complaining to me about the websites they're unable to read, but don't have the patience or inclination to peruse through the depths of IE's configuration dialogs?
Re:A few suggestions (Score:1)
Mozilla and Opera let you run up several multiples of the original size. Opera even zooms images so the page scales.
Those of you who've been complaining on this thread about why those pesky old people don't take the time to navigate a million preferences should instead be asking why those pesky browser
Re:A few suggestions (Score:2, Informative)
Keep it simple, and big.
Also, try and use Text and tables (or some other similar arrangement) rather than Images for titles - text is more flexible when it comes to resizing.
Internet Explorer *winces* (what I would assume these people are likely to be running, as most of the world does)has settings for overriding the default page settings for font size, I would hope tha
Re:A few suggestions (Score:2)
Use Bobby (Score:4, Informative)
I'm surprised that no one has posted this yet, but you should look at Bobby [cast.org]. You feed it a URL, it will spit out ways to help you make the page more accessible. It can be set to use Section 508 rules from the US Government or the W3's own recommendations on web accessibility.
I'd also recommend Zeldman's Designing with Web Standards [amazon.com]. I provides excellent details for using CSS to control the entire appearance of your site and better support modern web standards. In addition, it has a whole chapter devoted to designing websites with accessibility in mind.
Re:Use Bobby (Score:1)
Nielson Normal Study (Score:2)
I came across it on stumbleupon [stumbleupon.com] a few weeks ago.
Fonts - colors - content (Score:1)
The three fundamental rules for a website. Since it's for they elderly, you might want to use a bigger font. Keeping in mind that many of them could be visually challenged, use good colour combinations and finally, make sure you have all the important content easily accessible. HTML Hell Page [catb.org] might help ya
Building Accessible Websites (Score:2)
Designing sites for elderley /disabled (Score:1)
Looking from the start of the project
When doing stakeholder interviews it is a good idea to also interview the end users of a site. Speak to elderley and disabled users if they are a main target group and get a feel for the problems they experience on other sites. If this is not possible read up the users - W3C has good overview on the probs they have and the type of Assistive Technologies (ATs) they may use to surf the web. To give you a bit of feel for how y
usability.gov (Score:2)
www.usability.gov [usability.gov]
could be useful
Elderly Targets? (Score:3, Interesting)
And before she goes on her 3-mile walk every morning, she sends my mom email to tell her she was still alive and made it through another night.
Oh, she has had some knee pain problems so she's had one replaced and the other is due soon. The doctor said if all of his patients would walk that far before surgery, the physical therapy would be a lot less painful and much shorter.
Testing the web site.. (Score:2)
Ask them why they want features that you think are aesthetically unpleasing - they're artists, right? Shouldn't that mean they have some aesthetic sense and migh