[Accessibility_sig] PHP Accessibility - LINK!

James Risk jrisk at hsc.wvu.edu
Tue Sep 26 12:33:31 CDT 2006


Jean,
 
Try this for the second issue you mentioned.
 
CSS
a.nav1 {
display: block;
     width: 152px;
     height: 60px;
     background: #FFF url(images/who_we_are_full.gif);}
 
This first specifies a color for the background in the event the image
doesn't load.  You can choose whatever color is desired.  Because the
"-image" is removed from the code, the background will not be viewed by
Jaws as an image and it should not speak "graphic".
 
I would also recommend changing the color of the links on rollover. 
The color that they currently change to blends with the background color
and makes it difficult to read the text in the link.  A good source for
accessibility and color contrast is
http://gmazzocato.altervista.org/colorwheel/wheel.php 
 
Hope this helps.
 
James Risk
Center for Excellence in Disabilities (CED)
West Virginia University
Robert C. Byrd Health Sciences Center
959 Hartman Run Road
Morgantown, WV 26505
(304) 293-4692 ext. 1153
Fax (304) 293-7294
www.cedwvu.org 
 
NOTICE: This communication and any attachments may contain privileged
or
other confidential information protected by HIPAA legislation (45 CFR,
Parts 160 and 164). If you are not the intended recipient, or believe
that
you have received this communication in error, please do not print,
copy, retransmit, disseminate, or otherwise use the information. Also,
please indicate to the sender that you have received this
communications
in error, and deleted the copy you received. Thank you.

>>> <jean at jeanesweb.com> 9/26/2006 12:03 PM >>>
Sorry - forgot the link with my initial posting:
http://www.jointaffinitygroups.org/dev/ 

Hi, all.  I've been working with an outside agency to help them
render a new site accessible, and I need to see if I'm completely off
track in my assessment. The site is PHP-dependent, and I confess to
being
PHP-ignorant.

1. At my urging, they changed the JavaScript rollovers to CSS (never
mind that they named a class "alt"!), but JAWS reads a link such as
<a href="subpage.php?section=who" ...> phonetically: "link
subpafphsec" instead of the expected, "link who" or "link Who We
Are".  Dolphin's HAL ignores the navigation altogether.

2. Although the navigation's now CSS, the code points to images
located elsewhere (bold and italics added):
Code:
<td class="nav" colspan="2"><a href="subpage.php?section=who"
class="nav1"><span class="alt">Who We Are</span></a></td>
CSS:
a.nav1 {
         display: block;
     width: 152px;
     height: 60px;
     background-image: url(images/who_we_are_full.gif);}

Result:  JAWS reads the word "graphic" aloud.

Any thoughts on how to fix this short of total slimmed-and-trimmed
XHTML/CSS recoding?  Many thanks!

Jean Shepherd
jean at jeanesweb.com 
Jean E's Web Accessibility

_______________________________________________
Accessibility_sig mailing list
Accessibility_sig at knowbility.org 
http://knowbility.org/mailman/listinfo/accessibility_sig_knowbility.org
-------------- next part --------------
An HTML attachment was scrubbed...
URL: /pipermail/accessibility_sig_knowbility.org/attachments/20060926/f0be049f/attachment.html 


More information about the Accessibility_sig mailing list