|
| |
|
|
Donkey
Posts: 3842
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline
 |
Text Re-sizing User Information - 2/17/2007 11:26:38
I am working on some much needed updates to our main site and trying to make (at least the new bits) more accessible. Rather than sod about with text resizing buttons on each page, I decided to add a page that acts as a sort of "idiot's guide" to how to resize text in various browsers and how to re-size system fonts.
I have researched this as well as I can and put together a fairly comprehensive page which I think covers all the main browsers. Although I'm not to worried about how my pages look at screen resolutions below 800 x 600 and on old versions of IE and Netscape there is some info there which may be helpful.
This is my test page
I would be grateful if a few of the accessibility experts could take a look at it and tell me If anything is wrong or if I have missed something.
Most of the links on that page won't work the updates are all still work in progress.
_____________________________
I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens
|
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Text Re-sizing User Information - 2/17/2007 12:10:39
I'd be very careful about claiming AAA conformance if I were you. It's very very hard to actually achieve. It's the sort of thing that people will actually just start looking for faults and with the regulations as they stand they'll always manage to find them. I'd just stick with - "we've done our absolute best, please let us know if you have a problem."
Apart from the points Jaybee mentioned - I'd remove the tabindexes - they're unnecessary far as I can see and can be counter-productive and a pain to maintain.
Your first two skip links aren't working yet.
I'd say (and I haven't checked) that the heading text colour is too pale if you're going to be going for triple-A (it's pretty much ok actually as the text is quite big - but it's the sort of thing that triple-A trips people up on) and the hover/focus effect is also too low on contrast.
I'd warn people about external links and I'd add in a visited style for links.
(Just on a side point - you're using a lot of break tags in there when it'd be easier to just increase the margins for the paragraphs etc?)
The information in there is really excellent Peter - very well put together. I suppose you could mention about IE7's zoom facility (even if it is broken!).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Text Re-sizing User Information - 2/17/2007 13:00:13
Tabindexes are one of those things that can sometimes be helpful - if your page is very oddly ordered. If your page is ordered in a fairly reasonable manner then they're not worth adding. They can be a real pain if you need to add a new link in the middle of a page for instance - you'll have to change all the others on the page. So basically they're not worth the effort. There's nothing wrong with the order of your stuff as it stands now.
Yep it was the validation links that I was referring to.
As far as the visited style for links - it's something I didn't use to add either but I see stressed a lot by accessibility types so I've started adding it in now. This is the sort of thing that could trip you up with the triple A thing - as with the colour contrast of the headings. You and I can see that because the text is much larger for the headings it's reasonably visible but it's not technically within the allowed contrast levels - have a look here: http://juicystudio.com/services/colourcontrast.php I'm not saying you need to change it - just be aware that it's a possible point of contention.
With the break tags - you don't need to add any new classes to the paragraph tags - just give add a rule (not class - not paying attention, sorry!) to "p" in the stylesheet to give the required margins. Same with headings etc - just refer to the heading tag itself (if necessary you could refer to it as #rightcolumn h2 for instance - no extra classes required).
Edit: I must be a really slow typist - I didn't see Jaybee's reply at all! I agree about the badges though - Valid CSS, HTML, accessibility level - I wouldn't put them on a site because they serve no purpose except to act as a target for people to beat you with! Saying instead that you do your best is hard to argue with!
< Message edited by Tailslide -- 2/17/2007 13:16:55 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Nicole
Posts: 2800
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline
|
RE: Text Re-sizing User Information - 2/17/2007 18:37:17
Just a minor thing Donkey, but the skip links go from dark to light underlined, and the links in the footer go from light to dark underlined.
_____________________________
Nambucca Valley & Kempsey Web Design | NixDesign
Get Netscape Navigator 9
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
