<html 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)">
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="City"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* 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;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:Arial;
color:windowtext;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:147602024;
mso-list-type:hybrid;
mso-list-template-ids:-1798428580 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1
{mso-list-id:1672290015;
mso-list-type:hybrid;
mso-list-template-ids:-170622398 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;}
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 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Please read and submit necessary changes to the group.
These are only notes and this information is not being stored anywhere other than
in this email string. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><b><font size=5 face=Arial><span style='font-size:18.0pt;
font-family:Arial;font-weight:bold'>Home Page<o:p></o:p></span></font></b></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>1. Problem: Keystrokes and mouse clicks can confuse the
browser. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: Change the functionality so that (1) the down
arrow is required to open a dropdown. And (2) the focus will not open the
dropdown. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>2. Question: For the video page that is launched from the
homepage, what default player should be used? Flash? Qucktime?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Additional research was offered by Richard to
test a few players using a .swf file and report back to NBP with the results. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>3. Discussion: The homepage content and the large white
space between the bottom of the rotating image and the top of the content was
reviewed again. There is an end </div> tag after the rotating image and a
beginning <div> tag for the content. It appears that the browser is doing
line breaks in the form of borders. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: These divs will require some additional style work
such as not to use the bottom border for the div closing the rotating image and
not to use the top border for the div that starts the content area.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>3a. Discussion: There was talk of taking the Our Mission
content, NBP’s Mission Statement, and having it span horizontally across
the page rather than it being in the first column under the Video Highlights.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Edie will mock up a page and distribute it to
the teams for review. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>4. Discussion: The menu links the template MENU_BAR need to
be updated. The document named WebReskin_working.doc is where the current
information resides. This document may also need updates. The Excel Workbook Content_Ready.xls
is outdated. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Richard will review the document and update the
menu / navigation links<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: When Edie updates this document she will move
it to /productionfiles on the server and then notify the teams. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Note: In the current WebReskin_working.doc the (5) Secondary
Navigations called Section 1 are: BRAILLE BOOKSTORE, ACCESSIBLE BUSINESS
SERVICES, CUSTOM EDUCATION SERVICES, PROGRAMS, GET INVOLVED. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>5. Discussion: The horizontal Scroll bar is still appearing.
The requirement in the specification is that content and images appear in a
browser without the horizontal scroll bar appearing on the browser. The
goal will be to have 1024 pixels displayed horizontally without the horizontal
scroll bar being displayed. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: Some work has been done on this. Different
browsers render content differently. The images need to be made smaller. Some trial
and error work will need to be done to see about taking the margin from the
left side and using it in the content area.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>6. Discussion: Homepage column size. This is tied to #5. The
column and image sizes where discussed. The styles for the (4) columns will be
modified using Absolute pixel sizing. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Research: What’s is the total max for the page width?
950, 980, 1000? This will be another trial and error.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Completed Research by Steve on 04/19/2010: After some CSS
Absolute Position testing it appears that IE 6 will display 993 pixels
horizontally without creating a horizontal scroll bar. This is when using text
size medium and a screen resolution of 1024x768. Opera 10.5 will display 1014
pixels without creating a horizontal scroll bar.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>7. Discussion: Hidden text on the left of the screen, using
a negative positioning, for the screen reader. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Edie will look into the wording that will help
the User.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>8. Action Item: Richard will change the Short Cuts of “Alt
+ Key” to be “Focus” and not “Open” which is what
it is doing now.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>9. Action Item: The hompage will require 2 “Jump Links”
for the screen reader. (1) to go to the <st1:City w:st="on"><st1:place
w:st="on">Mission</st1:place></st1:City> and (2) to go to the Content. These
are done using a #bookmark jump.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><b><font size=5 face=Arial><span style='font-size:18.0pt;
font-family:Arial;font-weight:bold'>Secondary Page <o:p></o:p></span></font></b></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>1. Action Item: Remove the bullets. This was only a test.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>2. Discussion and changes: The left navigation is different
form each of the (5) Secondary page sections: BRAILLE BOOKSTORE, ACCESSIBLE
BUSINESS SERVICES, CUSTOM EDUCATION SERVICES, PROGRAMS, GET INVOLVED.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: In Secondary page that was reviewed there is one
single column of content. NBP hopes to have as much text from left to right in
the column as possible.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: Move the images on the right to be under the
navigation on the left.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: On the right, drop the Alpha Card, Facebook, and
Twitter image and link.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Move the Make a Donation and Braille Innovation
images and links to the left and under the vertical navigation.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Add the Sign-up for Our E-Newsletter
functionality to be on the left under the vertical navigation. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Note: I do not have enough information in my notes to determine
the order of the left side of the page. Is it Navigation, images and links, and
then Sign-up for Our E-Newsletter? Or is it Navigation, Sign-up for Our E-Newsletter
and then images and links?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
</div>
</body>
</html>