Click to See Complete Forum and Search --> : Is this Accessible?
invision
05-31-2008, 02:32 PM
Different to most of the lean, semantic mark-up sites I build, this one is a bit more graphic-heavy, and I can sense a shootdown immediately sadly, but I'm struggling to 'accessify' it and keep everyone happy.
I've built an NHS site in the past and spent months getting the accessibility right.
OK so here it is, I've built a web site with XHTML/CSS for a client here in Scotland.
http://tinyurl.com/48ewfr
A team of designers designed it, then I built the 'web' version.
Is there any chance the pro's here could review some of the pages if possible. I know it's graphic-heavy and a bit flash-heavy too, but in particular the Accessibility of the Home Page, a Services page and Contact page would be greatly appreciated.
Many thanks for your time with this.
You can run tests here:
http://www.cynthiasays.com/mynewtester/cynthia.exe?rptmode=-1&url1=http%3A%2F%2Fwww.lmsurveyservices.com%2Findex.php
and
http://www.cynthiasays.com/mynewtester/cynthia.exe?rptmode=2&url1=http%3A%2F%2Fwww.lmsurveyservices.com%2Findex.php
I suggest you get this addon: https://addons.mozilla.org/en-US/firefox/addon/60
I has many functions that allow you to test for accessibility.
invision
06-02-2008, 09:46 AM
Brilliant links :)
I've used Cynthia before, and it's proved very useful. The add-on is essential too.
The only major accessibility issues I see so far are increasing 'Text Sizes'.
Any other comments would be greatly received.
I was a bit afraid people thought they were going to be rick-rolled with that tinyurl address :)
I suggest you download the toolbar, then use the "View document outline" -- this will provide a guide as to how a screen reader will scan your text.
invision
06-02-2008, 09:51 AM
Oh, I've had the toolbar for years, just never used that 'View Document Outline' one as part of my tests. Thanks for the tip!
It seems the screenreader doesn't even pick up the links(?) just the <h1> and <h2> tags :( for the home page anyways.
WebJoel
06-02-2008, 10:30 PM
<img src="http://www.lmsurveyservices.com/images/home-news-pic.jpg"
width="115px" height="77px" alt="" style="float:right; padding-right:10px" /> You'll get enough review opinions to work it, so my contribution shall be that "px" is for inline and other CSS, not for HTML.
style="float:right; padding-right:10px; width:115px; height:77px;"Do it this way instead. :) This will be valid.
Oh, I've had the toolbar for years, just never used that 'View Document Outline' one as part of my tests. Thanks for the tip!
It seems the screenreader doesn't even pick up the links(?) just the <h1> and <h2> tags :( for the home page anyways.
Do you have the title attribute in each link's coding? You'll need it for them to be detected. You'll also want to provide accesskeys to basic functions.
invision
06-03-2008, 06:33 AM
I just have two access keys :(
Do you have the title attribute in each link's coding?
Do you mean like <a href="test.php" title="Test page">Test Page</a> ?
Yep. (I didn't look at your page, so you may have them.)