Sakai 2.8 Wiki Firefox Accessibility Toolbars Protocol Results

Browser/OS Used:

Firefox 3.6.12, Windows 7

Sakai Tool:

Wiki

Page(s) Tested:

Home, Info, edit site permissions, Watch, History, New  Wiki page (Test page), 

Date:

11/9/2010

QA Server:

qa1-nl (svn tags/sakai_2-8-0 alpha3 _Branch QA using MySQL 5/InnoDB, Java 1.6.0_17 amd64 - DEMO - Sakai 2.8.0-a03 (Kernel 1.2.0-rc01)- Server qa1-nl

Links

Image links with no link text (RSS and Print) on wiki home page

Include screen-reader accessible text to the blank link text.

<a title="RSS feed of changes to this Wiki" id="rssLink" target="rssfeed" href="/wiki/site/628e412b-2f08-449d-ab8e-2bcb4119cad2/.20.rss" ><span class="skip">Wiki RSS Feed</span> </a>

Major

Brian to add Jira

Images

Images contained inside links on the Wiki Info page that are only for visual presentation have duplicate alternative text

Change alt attribute so that it is empty to remove duplication of link text (alt="")

<a target="printview" href="?pageName=%2Fsite%2F628e412b-2f08-449d-ab8e-2bcb4119cad2%2Fhome&action=printview&panel=Main&breadcrumb=
0&realm=%2Fsite%2F628e412b-2f08-449d-ab8e-2bcb4119cad2">
<img border="0" src="/library/image/silk/printer.png" alt=""> Printer Friendly</a>

Minor

Brian to add Jira. Also add second Jira about word icon missing text.

Page Structure / Markup

Better hierarchy of headings is needed on wiki home page.  All the headings in the editable part of the wiki are H3's, even though in the wiki editor they are coded as different headings.

Wiki code should be accurately represented in the code processed by the Web browser/ user agent

Major

Brian to add Jira. Rendering engine in wiki at fault. rwiki?

Page Structure / Markup

Better hierarchy of headings is needed on wiki info page.  All the headings are H3's.

Better heading levels should be added to structure content

Popup heading that are currently h3's should become h5's to match visual page structure

Additional Page Permissions should be an h4.

Breadcrumb should be an h3

Major

Brian to add Jira. Rendering engine in wiki?

Page Structure / Markup

The h5 heading containing the "Be first to comment link on the wiki home page should not be a heading

Change the offending code to div or span tag. Add a hidden heading that denotes the Comments section.

Major

Brian to add Jira

Page Structure / Markup

Better hierarchy of headings is needed on wiki edit page.  All the headings are H3's.

Better heading levels should be added to structure content

Popup heading that are currently h3's should become h5's to match visual page structure

Wiki Tips should be an h4.

"To format your text" and "Bullets and numbering" should be h5 headings

Major

Brian to add Jira

Page Structure / Markup

One form element is not explicitly labeled  on the wiki edit page

Explicitly label all form elements. In this case use the title attribute.

<select onchange="if ( this.value != 'none' ) addMarkup('content','Heading 1','\n'this.value' ','\n'); this.value = 'none';  return false;" id="toobarButtonHeading" name="toolbarButtonHeading" title="Format heading level of selected text">
                   <option value="none">Headings...</option>
                   <option value="h1">Heading 1</option>
                   <option value="h2">Heading 2</option>
                   <option value="h3">Heading 3</option>
                   <option value="h4">Heading 4</option>
                   <option value="h5">Heading 5</option>
                   <option value="h6">Heading 6</option>
</select>

Major

Brian will add Jira

Page Structure / Markup

A Better table summary is needed on the Wiki edit permissions page

Describe all table columns not just the first column, lumping all other together

<table cellspacing="0" summary="First column: Types of roles that can be granted permissions, second column: grant permission to create documents, third column: grant permission to read documents, fourth column: grant permission to edit documents, fifth column: grant admin privileges, second column: grant super admin privileges." style="width: 70%;" class="listHier lines">

Minor

Access Keys

pass

Frame Titles

pass

Style sheets / Linearization

pass

Text Zoom

Pass

Tab Order

Be the first to comment link on home page does not display visual indication of focus because CSS outline is set to none

Add :focus pseudoclass so focus remains visible

.specialLink a:hover, .specialLink a:focus

Color: #3333FF;
Text-decoration: underline;
Outline: thin dotted;

Major

Tab Order

Visual Focus indication is lost on the Wiki edit page "tab" links edit and preview

Add :focus pseudoclass so focus remains visible

.specialLink a:hover, .specialLink a:focus

Color: #3333FF;
Text-decoration: underline;
Outline: thin dotted;



Remove :focus pseudoclass that removes visual focus

ul.tabs li a:active, ul.tabs li a:focus 

outline: none

Major

Functionality

pass

Color

The "Info" text in the info: Home h3 tag on the wiki info page does not meet the minimum color contrast ratio.  This effects all pages <The breadcrumb>

Change the two CSS sytles to keep the contrast difference but meet the minimum contrast ratio

h3 breadcrumb #breadCurr
color:#333333;


h3 breadcrumb #breadPref
color:#676767;

Minor

Brian to test what happens with more than two levels. Write JIRA

Color

save button on Wiki watch page does not meet color contrast requirements

Change color to meet color contrast requirements.

Change from #2277DD to #164b8b

Minor

tool.css in CSS. Site wide

FAE Results

Pass. No other issues

Browser/OS Used:

Firefox 3.6.12, Windows 7

Sakai Tool:

Wiki

Page(s) Tested:

Home, Info, edit site permissions, Watch, History, New  Wiki page (Test page) 

Date:

11/9/2010

QA Server:

qa1-nl (svn tags/sakai_2-8-0 alpha4 _Branch QA using MySQL 5/InnoDB, Java 1.6.0_17 amd64 - DEMO - Sakai 2.8.0-a04 (Kernel 1.2.0-rc01)- Server qa1-nl

Links

Image links with no link text (RSS and Print) on wiki home page

Include screen-reader accessible text to the blank link text.

<a title="RSS feed of changes to this Wiki" id="rssLink" target="rssfeed" href="/wiki/site/628e412b-2f08-449d-ab8e-2bcb4119cad2/.20.rss" ><span class="skip">Wiki RSS Feed</span> </a>

Major

Images

Images contained inside links on the Wiki Info page that are only for visual presentation have duplicate alternative text

Change alt attribute so that it is empty to remove duplication of link text (alt="")

<a target="printview" href="?pageName=%2Fsite%2F628e412b-2f08-449d-ab8e-2bcb4119cad2%2Fhome&action=printview&panel=Main&breadcrumb=
0&realm=%2Fsite%2F628e412b-2f08-449d-ab8e-2bcb4119cad2">
<img border="0" src="/library/image/silk/printer.png" alt=""> Printer Friendly</a>

Minor

Page Structure / Markup

Better hierarchy of headings is needed on wiki home page.  All the headings in the editable part of the wiki are H3's, even though in the wiki editor they are coded as different headings.

Wiki code should be accurately represented in the code processed by the Web browser/ user agent

Major

Page Structure / Markup

Better hierarchy of headings is needed on wiki info page.  All the headings are H3's.

Better heading levels should be added to structure content

Popup heading that are currently h3's should become h5's to match visual page structure

Additional Page Permissions should be an h4.

Major

Page Structure / Markup

The h5 heading containing the "Be first to comment link on the wiki home page should not be a heading

Change the offending code to div or span tag.

Major

Access Keys

pass

Frame Titles

pass

Style sheets / Linearization

pass

Text Zoom

Pass

Tab Order

"Be the first to comment" link on home page cannot receive focus because CSS outline is set to none

Add :focus pseudoclass so focus remains visible

.specialLink a:hover, .specialLink a:focus

Color: #3333FF;
Text-decoration: underline;
Outline: thin dotted;

Major

Functionality

pass

Color

The "Info" text in the info: Home h3 tag on the wiki info page does not meet the minimum color contrast ratio.  This effects all pages

Change the two CSS sytles to keep the contrast difference but meet the minimum contrast ratio

h3 breadcrumb #breadCurr

color:#333333;

h3 breadcrumb #breadPref

color:#676767;

Minor

Color

save button on Wiki watch page does not meet color contrast requirements

Change color to meet color contrast requirements.

Change from #2277DD to #164b8b

Minor

FAE Results

Pass. No other issues