Sakai 2.9 Gradebook Tool Instructor Persona Firefox Comprehensive WCAG 2 Protocol Results

Test Details

Browser(s) / OS Used:

Firefox 9, Windows 7

Sakai Tool:

Gradebook

Page(s) Tested:

Gradebook Items, All Grades, Course Grades, Gradebook Setup, Course Grade Options, Import Grades, Gradebook Item Summary, Student Summary

Date:

1-19-2012, 1-20-2012, 1-23-2012

QA Server:

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

QA Server Environment:
(Copy from footer)

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

Evaluator(s):

Joe Humbert

Evaluation Complete: (Yes / No):

Yes

Accessibility Problems and Recommended Solutions

Subject

Results

Recommendations

Priority

JIRAs

Images

  1. There are two images with no alt attributes on the Import Grades page.
  1.  All images should have alt attributes and alternative text descriptions. Since these images are decorative, they should have an empty alt attribute.

    <img src="/sakai-gradebook-tool/../../library/image/sakai/excel.gif?sakai.tool.placement.id=f100245f-66eb-47ae-bbf6-335e10da8a5f" alt="">
    ...
    <img src="images/silk/page_white.png" alt="">
  1.  Major

SAK-22806 - Getting issue details... STATUS

Linearized Content

No issues

 

 

 

Reliance on Sensory Characteristics

No issues

 

 

 

Use of Color

No issues

 

 

 

Sufficient Contrast

No Issues

 

 

 

Resizable Text

No Issues

 

 

 

Semantics

  1. Heading Level 3 is skipped on the Gradebook Items page
  2. There is no table summary for the gradebook items summary table on the Gradebook Items page.
  3. The two conjoined data tables on the All Grades page do not have table headers. The table headers are marked up as unordered lists.
  4. There are no table summaries for the All Grades data tables.
  5. Multiple form controls on the All Grades page are unlabeled.
  6. Heading Level 3 is skipped on the Course Grades page
  7. Multiple form controls on the Course Grades page are unlabeled.
  8. Course Grades table does not have table summary.
  9. Heading Level 3 is skipped on the Gradebook Setup page.
  10. Multiple form controls on the Grade page are not explicitly labeled.
  11. Multiple radio button and checkbox sets need a fieldset and legend on the Gradebook Setup page.
  12. Multiple form controls on the Course Grades Options page are unlabeled.
  13. Heading Level 3 is skipped on the Import Grades page.
  14. Multiple form controls on the Gradebook Item Summary page are unlabeled.
  1. Heading levels should not be skipped, the h4 should become an h3.

    <h3>Gradebook Items Summary</h3>
  2. Every complex data table needs a table summary.

    <table class="listHier lines nolines" cellspacing="0" cellpadding="0" style="" 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."> 
  3. All data tables should have table headers.
  4. All complex data tables should have table summaries.
  5. All Form Controls should be labeled.

    <label for="gbForm:selectSectionFilter">View</label>
    <select id="gbForm:selectSectionFilter" onchange="this.form.submit()" size="1" name="gbForm:selectSectionFilter">
    <label for="gbForm:selectCategoryFilter">and</label>
    <select id="gbForm:selectCategoryFilter" onchange="this.form.submit()" size="1" name="gbForm:selectCategoryFilter">
    ...
    <label for="gbForm:searchString" class="skip">Find Students</label>
    <input type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" id="gbForm:searchString">
    ...
    <label for="gbForm:pager_pageSize" class="skip">Results per Page</label>
    <select id="gbForm:pager_pageSize" onchange="javascript:this.form.submit(); return false;" name="gbForm:pager_pageSize">
  6. Heading levels should not be skipped, the heading level 4s should become an h3s.

    <h3>Course Summary</h3>
  7. All Form Controls should be labeled.

    <label for="gbForm:selectSectionFilter">View</label>
    <select id="gbForm:selectSectionFilter" onchange="this.form.submit()" size="1" name="gbForm:selectSectionFilter">
    ...
    <label for="gbForm:searchString" class="skip">Find Students</label>
    <input type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" id="gbForm:searchString">
    ...
    <label for="gbForm:pager_pageSize" class="skip">Results per Page</label>
    <select id="gbForm:pager_pageSize" onchange="javascript:this.form.submit(); return false;" name="gbForm:pager_pageSize">
    ...
    <label for="gbForm:pager_pageSize" class="skip">Override grade for [student name]</label>
    <input type="text" onkeypress="return submitOnEnter(event, 'gbForm:saveButton');" size="4" name="gbForm:gradingTable:0:Grade" id="gbForm:gradingTable:0:Grade"> (repeats for each student)
    ...
  8. Every complex data table needs a summary.
  9. Heading levels should not be skipped, the heading level 4s should become an h3s.

    <h3>Grade Entry</h3>
  10. <input type="radio" onclick="this.form.submit();" value="points" checked="checked" name="gbForm:gradeEntryMethod2" id="gbForm:gradeEntryMethod2"><label for="gbForm:gradeEntryMethod2"> Points</label>
  11. <fieldset>
    <legend>Categories & Weighting</legend>
    <table id="gbForm:categorySetting">
        <tr>
            <td>
                <input type="radio" onclick="reEnableCategoryDropInputs();this.form.submit();" value="noCategories" name="gbForm:categorySetting" id="gbForm:categorySetting0"><label id="gbForm:categorySetting0"> No categories</label>
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" onclick="reEnableCategoryDropInputs();this.form.submit();" value="onlyCategories" name="gbForm:categorySetting" id="gbForm:categorySetting1"><label id="gbForm:categorySetting1"> Categories only</label>
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" onclick="reEnableCategoryDropInputs();this.form.submit();" value="categoriesAndWeighting" checked="checked" name="gbForm:categorySetting" id="gbForm:categorySetting3"><label id="gbForm:categorySetting3"> Categories & Weighting</label>
            </td>
        </tr>
    </table>
  12. <tr><td class="itemName"><label id="gbForm:selectGradeType">Grade Type</label></td>
    <td>
    <select id="gbForm:selectGradeType" size="1" name="gbForm:selectGradeType">
    ...
    <tr><td class="shorttext"><label id="gbForm:mappingTable:0:mappingValue">A+</label></td>
    <td class="shorttext">
    <input id="gbForm:mappingTable:0:mappingValue" type="text" onkeypress="return submitOnEnter(event, 'gbForm:saveButton');" value="100" name="gbForm:mappingTable:0:mappingValue">
  13. Heading levels should not be skipped, the heading level 4s should become an h3s.

    <h3>1. Download Spreadsheet Template</h3>
  14. All Form Controls should be labeled.

    <label for="gbForm:selectSectionFilter">View</label>
    <select id="gbForm:selectSectionFilter" onchange="this.form.submit()" size="1" name="gbForm:selectSectionFilter">
    ...
    <label for="gbForm:searchString">Find Students</label>
    <input type="text" onfocus="clearIfDefaultString(this, 'Student Name')" onkeypress="return submitOnEnter(event, 'gbForm:searchSubmitButton');" value="Student Name" name="gbForm:searchString" id="gbForm:searchString">
    ...
    <label for="gbForm:pager_pageSize">Results per Page</label>
    <select id="gbForm:pager_pageSize" onchange="javascript:this.form.submit(); return false;" name="gbForm:pager_pageSize">
  1. Minor
  2. Major
  3. Major
  4. Minor
  5. Critical
  6. Minor
  7. Critical
  8. Minor
  9. Minor
  10. Critical
  11. Major
  12. Critical
  13. Minor
  14. Critical
  1.  None yet
  2.  None yet
  3. SAK-22808 - Getting issue details... STATUS
  4.  None yet
  5. SAK-22554 - Getting issue details... STATUS
  6.  None yet
  7. SAK-22555 - Getting issue details... STATUS
  8.  None yet
  9.  None yet
  10. SAK-22556 - Getting issue details... STATUS
  11. SAK-22809 - Getting issue details... STATUS
  12. SAK-22569 - Getting issue details... STATUS
  13.  None yet
  14. SAK-22570 - Getting issue details... STATUS

Keyboard Operability

No issues

 

 

 

Time Limits

No issues

 

 

 

Control of Updates

No issues

 

 

 

Prevent Seizures

No issues

 

 

 

Bypass Blocks - Headings

No issues

 

 

 

Bypass Blocks - ARIA Landmarks

No issues

 

 

 

Bypass Blocks - Skip Content Links

No issues

 

 

 

Bypass Blocks - Group Links

No issues

 

 

 

Bypass Blocks - Frame / Page Titles

No issues

 

 

 

Page Titles

No issues

 

 

 

Focus

  1. When a radio button selection is changed on the Gradebook Setup page, the page reloads and the focus reverts to the top of the tool frame.
  2. The focus order does not match the source order or previous page on the Gradebook Item Summary page.  Certain, page element receive focus before the Gradebook navigation menu.
  3. The focus order does not match the source order or previous page on the Student Summary page. Certain, page element receive focus before the Gradebook navigation menu.
  1. The focus should be maintained after a change in selection is made but the form is not submitted.
  2. The focus order should be consistent from page to page and match the source order. The tab index attributes should be removed from the following elements, "Save and View Previous Gradebook Item", "Return to Gradebook Items", "Save and View Next Gradebook Item" and "Edit gradebook item settings".
  3. The focus order should be consistent from page to page and match the source order. The tab index attributes should be removed from the following elements, "Save and View Previous Gradebook Item", "Return to Gradebook Items", "Save and View Next Gradebook Item", "Save Changes" and "clear changes".
  1. Minor
  2. Minor
  3. Minor

 

Links

No issues

 

 

 

Headings

No issues

 

 

 

Labels

No issues

 

 

 

Language Identification

No issues

 

 

 

Change of Context

No issues

 

 

 

Consistency

No issues

 

 

 

Access keys

No issues

 

 

 

Change of Context Notification

No issues

 

 

 

Error Notices

No issues

 

 

 

Required Field Notification

No issues

 

 

 

Error Prevention

No issues

 

 

 

Help

No issues

 

 

 

Validation

No issues

 

 

 

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.