Sakai 2.9 Gradebook Tool Instructor Persona JAWS Walkthrough Scripts Results

Evaluation Details

Browser/OS Used:

Windows 7, Internet Explorer 9

Adaptive Technology Used:

JAWS 12.0.1170

Sakai Tool:

Gradebook

Page(s) Tested /
Walkthrough Script:

Gradebook items, Add Gradebook item(s),  All Grades, Grade Item Summary, Course Grades, Gradebook Setup, Course Grade Options

Date:

November 30th, 2011

QA Server:

http://sakaicle1-trunk.uits.indiana.edu:8181/portal

QA Server Environment:
(Copy from footer)

Sakai 2.9 Accessibility Review - TRUNK - Sakai 2.9-SNAPSHOT (Kernel 1.3.0-SNAPSHOT)- Server localhost

Evaluation Participants:

Mary Stores, Joe Humbert

Evaluation Complete: (Yes / No):

Yes

Accessibility Issues and Recommended Solutions

Task / Subject

Results / Issue

Recommendations

Priority

JIRAs

 

There is no table summary for the Gradebook Items Summary table on the Gradebook Items page

A table summary should be added to the table.

<table class="listHier lines nolines" cellspacing="0" cellpadding="0" summary="The table lists all the assignments and other gradebook items that can receive a grade. The table has eight columns and the table header can be activated to sort the columns.  The first column contains the title of the gradebook item, column two contains a link to edit the grade book item in column one, column three contains the class average for that gradebook item in the format average out of (/) total points possible, column four contains the due date for the gradebook item, column five indicates whether the gradebook item has been released to students, column six indicates if the gradebook item is included in the course grade, column seven provides options for sorting the gradebook items and column eight indicates what tool must be used to edit the gradebook item.">

Minor

 

 

There is not a good indication to users of adaptive technology what the "-" in the class average column in the Gradebook Items Summary table on the Gradebook items page.

A description of what the "-" means should be added to the legend below the table.

Minor

 

 

The hidden text in the "Class Avg." table header runs together with the other table header text in the Gradebook Items Summary table on the Gradebook Items page. This combined table heading does not make sense when read aloud by adaptive technology

There should either be a space between the two text elements or the heading text should be modified so it makes sense.

<a id="gbForm:_idJsp58:_idJsp91" class="notCurrentSort" onclick="return oamSubmitForm('gbForm','gbForm:_idJsp58:_idJsp91');" href="#">
Class Avg<span class="skip"> Class Average (dash means no grades yet)</span>**</a>

or

<a id="gbForm:_idJsp58:_idJsp91" class="notCurrentSort" onclick="return oamSubmitForm('gbForm','gbForm:_idJsp58:_idJsp91');" href="#">Class Average**</a>

Minor

 

 

The "edit" column hidden table header in the Gradebook Items Summary table on the Gradebook Items page is not descriptive .

The hidden table header should be changed from "Edit" to "Edit Gradebook Item"

Minor

 

 

The "Student Name/ Find" input form control on the All Grades page is unlabeled. The "View - All Section/Groups", "and - all categories" and "show 50" combo boxes are also unlabeled.

All form controls should have an explicit label.

<input id="gbForm:searchString" type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" title="Find Student by Name">

Major

fixed

SAK-22554 - Getting issue details... STATUS

 

The "|<, <, >, >|" form controls do not have textual labels on the All Grades page.

Add textual labels to the form controls.

<form action="http://sakaicle1-trunk.uits.indiana.edu:8181/portal/tool/bd755316-9bbc-461e-a7b6-31b394217ac9?panel=Main" method="post" name="firstpageForm">
                                            <fieldset><legend>First</legend><input type="submit" disabled="disabled" value="|<" name="gbForm:pager_first"></fieldset>
                                        </form> (code taken from Announcements page buttons with similar function)

Major

SAK-22812 - Getting issue details... STATUS

 

The "All Grades" text and three button form controls are all part of the same heading level 2 on the All Grades page.

The form controls should be removed from the heading and contained in their own element.

<h2>All Grades</h2>
<div style="float:right; margin-top: -40px;"><input id="gbForm:exportExcel" type="submit" style="margin-left: 15px;" onclick="" value="Export for Excel" name="gbForm:exportExcel"><input id="gbForm:exportCsv" type="submit" style="margin-left: 15px;" onclick="" value="Export as CSV" name="gbForm:exportCsv">
<input id="gbForm:exportPdf" type="submit" style="margin-left: 15px;" onclick="" value="Export as PDF" name="gbForm:exportPdf"></div>

Major

SAK-22813 - Getting issue details... STATUS

 

On the All Grades page there are two tables that have no table headers.  The tables visually appear as one table and scroll together as one table.  They each have visual table headers coded as lists above their respective tables.

???

Blocker

SAK-22571 - Getting issue details... STATUS

 

In he hide/show columns popup dialogue on the ALL Grades, the checkboxes are unlabeled.

All form controls should be explicitly labeled.

<input type="checkbox" value="true" id="hidShowForm:hideColumns:1:hide" name="hidShowForm:hideColumns:1:hide" title="Hide Test Assignment">

Major

SAK-22814 - Getting issue details... STATUS

 

The "Assignment Details" table summary on the Grade Item Summary page doesn't provide valuable information

The table summary can be removed.

Minor

 

 

The "Student Name/ Find" input form control on the Grade Item Summary page is unlabeled. The "View - All Section/Groups"and "show 50" combo boxes are also unlabeled.

All form controls should have an explicit label.

<input id="gbForm:searchString" type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" title="Find Student by Name">

Major

fixed
SAK-22570 - Getting issue details... STATUS

 

The "|<, <, >, >|" form controls do not have textual labels on the Grade Item Summary page.

Add textual labels to the form controls.

<form action="http://sakaicle1-trunk.uits.indiana.edu:8181/portal/tool/bd755316-9bbc-461e-a7b6-31b394217ac9?panel=Main" method="post" name="firstpageForm">
                                            <fieldset><legend>First</legend><input type="submit" disabled="disabled" value="|<" name="gbForm:pager_first"></fieldset>
                                        </form> (code taken from Announcements page buttons with similar function)

Major

SAK-22812 - Getting issue details... STATUS

 

The "Grading Table" table on the Grade Item Summary page does not have a table summary.

Add a table summary to the table.

<table id="gbForm:gradingTable" class="listHier" cellspacing="0" cellpadding="0" summary="The table lists the grades for each student in the class for the current gradebook item. The table has five columns and the table headers can be activated to sort the columns.  The first column contains the student's name, column two contains the student's username, column three contains a link to display the grade log for the current assignment and student, column four contains the points awards for this assignment for each student and  column five contains comments added to the assignment for each student, if any.">

Minor

 

 

On the Grade Item Summary page in the "Grading Table" table, there is a form control button used as the only table header.

The button should be separated from the table, placed somewhere else on the page and replace with the text "Instructor Comments"

Major

SAK-22817 - Getting issue details... STATUS

 

The "Student Name/ Find" input form control on the Course Grades page is unlabeled. The "View - All Section/Groups"and "show 50" combo boxes are also unlabeled.

All form controls should have an explicit label.

<input id="gbForm:searchString" type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" title="Find Student by Name">

Major

fixed
SAK-22555 - Getting issue details... STATUS

 

The "|<, <, >, >|" form controls do not have textual labels on the Course Grades page.

Add textual labels to the form controls.

<form action="http://sakaicle1-trunk.uits.indiana.edu:8181/portal/tool/bd755316-9bbc-461e-a7b6-31b394217ac9?panel=Main" method="post" name="firstpageForm">
                                            <fieldset><legend>First</legend><input type="submit" disabled="disabled" value="|<" name="gbForm:pager_first"></fieldset>
                                        </form> (code taken from Announcements page buttons with similar function)

Major

SAK-22812 - Getting issue details... STATUS

 

The "Grade Override" input form controls in the "Grading Table" table on the Course Grades page are unlabeled.

All form controls should have an explicit label.

<input type="text" onkeypress="return submitOnEnter(event, 'gbForm:saveButton');" size="4" value="A+" name="gbForm:gradingTable:0:Grade" id="gbForm:gradingTable:0:Grade" title="Grade Override for Richwine, Brian">

Major

SAK-22818 - Getting issue details... STATUS

 

On the Gradebook Setup page there are the instructions, "* means required", but no form controls are marked as required.

These instruction can be removed.

Minor

 

 

The radio button groups on the Gradebook Setup page do not make sense out of context

Fieldsets and legends are needed to give the radio button groups more context.

<fieldset>
                <legend>How will graders enter grades into this gradebook? </legend>
                <table id="gbForm:gradeEntryMethod2">        <tbody><tr><td><label><input type="radio" onclick="this.form.submit();" value="points" checked="checked" name="gbForm:gradeEntryMethod2"> Points</label></td></tr>        <tr><td><label><input type="radio" onclick="this.form.submit();" value="percent" name="gbForm:gradeEntryMethod2"> Percentages</label></td></tr></tbody></table>

            </legend>

Major

SAK-22809 - Getting issue details... STATUS

 

Most radio buttons on the Gradebook Setup page are implicitly labeled.

All form controls should be explicitly labeled.

<label for="gbForm:gradeEntryMethod2"> Points</label><input type="radio" onclick="this.form.submit();" value="points" checked="checked" name="gbForm:gradeEntryMethod2" id="gbForm:gradeEntryMethod2">

Major

Non issue with updated AT software

 

When selecting a radio button or checkbox under the heading " Categories and Weighting" on the Gradebook Setup page, the focus changes and is focus to another element disorienting the user.

The focus should only move at the request of the user.

Major.

Fixed. No longer an issue

 

The "Grade Type" combo box on the Course Grade Options page is unlabeled.

All form controls should be explicitly labeled.

<table cellspacing="0" cellpadding="0">
<tbody>
<tr><td><lavbel for="gbForm:selectGradeType">Grade Type</label></td>
<td><select size="1" name="gbForm:selectGradeType" id="gbForm:selectGradeType">    <option value="1">Letter Grades</option>    <option selected="selected" value="2">Letter Grades with +/-</option>    <option value="3">Pass / Not Pass</option></select> <input type="submit" onclick="" value="Change grade type" name="gbForm:_idJsp42" id="gbForm:_idJsp42"></td>
</tr>
</tbody>
</table>

Major

SAK-22569 - Getting issue details... STATUS

 

All the "minimum %" input form controls on the Course Grade Options page are unlabeled.

All form controls should be explicitly labeled.

<tr>
<td><label for="gbForm:mappingTable:0:mappingValue">A+<span class="skip"> Minimum %</span></td>
<td><input type="text" onkeypress="return submitOnEnter(event, 'gbForm:saveButton');" value="100" name="gbForm:mappingTable:0:mappingValue" id="gbForm:mappingTable:0:mappingValue"></td>
</tr>

Major

fixed

Priority Definitions

  • Critical: Issue will keep some/all users from being able to use this tool.
  • Major: Issue will cause significant difficulty to some/all users and should be revised.
  • Minor: Tool can be used successfully, but functionality will be significantly improved by fixing issue.
  • Trivial: Indicates that this issue has a relatively minor impact.