<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EmailStyle18
{mso-style-type:personal;
font-family:Arial;
color:navy;}
span.EmailStyle19
{mso-style-type:personal;
font-family:Arial;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
span.EmailStyle20
{mso-style-type:personal;
font-family:Arial;
color:navy;}
span.EmailStyle21
{mso-style-type:personal-reply;
font-family:Arial;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in .5in 1.0in;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:149830639;
mso-list-template-ids:-584909010;}
@list l0:level1
{mso-level-start-at:3;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1
{mso-list-id:213585015;
mso-list-type:hybrid;
mso-list-template-ids:-1345844760 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l1:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level2
{mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level3
{mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level4
{mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level5
{mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level6
{mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level7
{mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level8
{mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level9
{mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2
{mso-list-id:1882664813;
mso-list-template-ids:1040869310;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>Hi Edie,<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>Sorry for not getting back to you sooner
but I was out sick most of last week (non-pig flu). I'll try out a few
different ideas for the dropdown focus highlighting and see what looks best. I
can also change the menu to only drop/close when you click rather than mouse
over/on focus.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>I'll look at doing the rounded corners;
I'll just have to flag them so that the screen reader knows to ignore them and
not tell the user about them.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>I'll be running the changes and the final
screen by Ann and Marguerite to see if they have any comments or suggestions.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>Thanks,<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>Richard<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<div>
<div class=MsoNormal align=center style='margin-left:.5in;text-align:center'><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal style='margin-left:.5in'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
web-reskin-bounces@nbp.org [mailto:web-reskin-bounces@nbp.org] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Edie Coletti<br>
<b><span style='font-weight:bold'>Sent:</span></b> Monday, November 09, 2009
3:49 PM<br>
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">Discussions
regarding the 2009 UI reskin of nbp.org</st1:PersonName>'<br>
<b><span style='font-weight:bold'>Subject:</span></b> RE: [NBP web-reskin]
Question: braille image that changes on top ofthepage</span></font><o:p></o:p></p>
</div>
<p class=MsoNormal style='margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>Hi Richard:<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>There are a couple of accessibility
issues with the menu:<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;mso-list:l1 level1 lfo3'><![if !supportLists]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'><span style='mso-list:Ignore'>1.<font size=1 face="Times New Roman"><span
style='font:7.0pt "Times New Roman"'> </span></font></span></span></font><![endif]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'>The background color does not provide enough contrast to make the
selection readable for some visually impaired users. Maybe we could put a
simple box around the option when it has focus and/or change it to bold.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;mso-list:l1 level1 lfo3'><![if !supportLists]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'><span style='mso-list:Ignore'>2.<font size=1 face="Times New Roman"><span
style='font:7.0pt "Times New Roman"'> </span></font></span></span></font><![endif]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'>The mouse over creates a problem for Zoomtext users because the
screen changes when the mouse moves so it’s difficult to know where you are.
Here is the comment from a user:<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.5in'><b><i><font size=2 face=Arial><span
style='font-size:10.0pt;font-family:Arial;font-weight:bold;font-style:italic'>It
works OK for me. I’d prefer the down arrow work, but at least I can move down
the list with the tab key. The color scheme works, though I’m not a fan of this
type of drop-down menus. I prefer to have to click on a menu choice rather than
things mysteriously happen because of where my mouse is landing, though I may
not be intentionally moving my mouse.<font color=navy><span style='color:navy'><o:p></o:p></span></font></span></font></i></b></p>
<p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;mso-list:l1 level1 lfo3'><![if !supportLists]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'><span style='mso-list:Ignore'>3.<font size=1 face="Times New Roman"><span
style='font:7.0pt "Times New Roman"'> </span></font></span></span></font><![endif]><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'>Our preference is the rounded corners on the drop down, but not
sure how accessible this would make the drop down. <o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.75in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.75in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'>Would it
be possible to have Marguerite Bergel and/or Ann Chadwick-Dias help us
determine what our options are?<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.75in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>Thanks, Richard, the
homepage is really taking shape.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>Edie<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<div>
<div class=MsoNormal align=center style='margin-left:.5in;text-align:center'><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal style='margin-left:.5in'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
web-reskin-bounces@nbp.org [mailto:web-reskin-bounces@nbp.org] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Ward, Richard<br>
<b><span style='font-weight:bold'>Sent:</span></b> Monday, November 09, 2009
10:10 AM<br>
<b><span style='font-weight:bold'>To:</span></b> <st1:PersonName w:st="on">Discussions
regarding the 2009 UI reskin of nbp.org</st1:PersonName><br>
<b><span style='font-weight:bold'>Subject:</span></b> RE: [NBP web-reskin]
Question: braille image that changes on top ofthepage</span></font><o:p></o:p></p>
</div>
<p class=MsoNormal style='margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>Hi Edie,<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>I have a couple of
questions for you about the drop down menu. I couldn't find a note on
what should happen as far as highlighting goes when you move your mouse over
one of the links on the dropdown. I've coded it to change the background
to match the menu colour above it (not the best description check it out at <a
href="http://28.camp.nbp.temphost.net:9028/ic/nbp/homepage.html">http://28.camp.nbp.temphost.net:9028/ic/nbp/homepage.html</a>
). Some of the colours need correcting but you should get the general
idea. If you had something else in mind highlighting wise please let me
know.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>The second question was
about the corners on the drop down. I noticed in the design images that
the bottom left and right corners are rounded – mine are squared. I'm not
sure if the rounded ones are a requirement or if that was just a guide.
Rounded corners can only be done using images. If they are a requirement
then I'll get working on implementing that, I just didn't want to have to do
all the extra work if it wasn't needed.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>Oh, please excuse the
positioning of the drop down if you are using IE6, I still have to figure out
why it's centering the left edge, it looks fine in IE8.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>Thanks,<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'>Richard<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:.5in'><font size=2 color=blue face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<div>
<div style='margin-left:.5in'>
<div class=MsoNormal align=center style='margin-left:.5in;text-align:center'><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
</div>
<p class=MsoNormal style='margin-left:1.0in'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
web-reskin-bounces@nbp.org [mailto:web-reskin-bounces@nbp.org] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Edie Coletti<br>
<b><span style='font-weight:bold'>Sent:</span></b> Monday, November 09, 2009
9:18 AM<br>
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">Discussions
regarding the 2009 UI reskin of nbp.org</st1:PersonName>'<br>
<b><span style='font-weight:bold'>Subject:</span></b> RE: [NBP web-reskin]
Question: braille image that changes on top of thepage</span></font><o:p></o:p></p>
</div>
<p class=MsoNormal style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'>Hi
Steve:<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'>Technology
won’t be used for some time yet so you can just put it on the back burner. Your
guesses are all correct.<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'>Thanks,<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'>Edie<o:p></o:p></span></font></p>
<p class=MsoNormal style='margin-left:1.0in'><font size=2 color=navy
face=Arial><span style='font-size:10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<div>
<div style='margin-left:.5in'>
<div class=MsoNormal align=center style='margin-left:.5in;text-align:center'><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
</div>
<p class=MsoNormal style='margin-left:1.0in'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
web-reskin-bounces@nbp.org [mailto:web-reskin-bounces@nbp.org] <b><span
style='font-weight:bold'>On Behalf Of </span></b>swdidomenico@comcast.net<br>
<b><span style='font-weight:bold'>Sent:</span></b> Saturday, November 07, 2009
9:28 PM<br>
<b><span style='font-weight:bold'>To:</span></b> NBP, web-reskin<br>
<b><span style='font-weight:bold'>Subject:</span></b> [NBP web-reskin]
Question: braille image that changes on top of thepage</span></font><o:p></o:p></p>
</div>
<p class=MsoNormal style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
<div>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>Hi Edie,<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'> <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>I need some
guidance. I received (7) images. <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'> <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>The image will be
displayed based upon the directory of where the page comes from. Below are my
guesses. I have nothing for technology. Is the press image the default?<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'> <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>bookstore - publications
directory<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>programs - programs
directory<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>education - educations
directory<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>business - business
directory<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>giving - support
directory<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>technology - ???<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>press - home page and
default<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'> <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>Thanks,<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'> <o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>Steve DiDomenico<o:p></o:p></span></font></p>
<p style='margin-left:1.0in'><font size=3 color=black face=Arial><span
style='font-size:12.0pt;font-family:Arial;color:black'>Fidelity Cares / Common
Impact<o:p></o:p></span></font></p>
</div>
</div>
</body>
</html>