ocr/academicworks.html at master · AppStateESS/ocr · GitHub

1
2
3
4
5
6
7
8
9
10
<!doctype HTML><html lang="en"><head><title>appalachian-scholarship-application-portal-report.html</title><meta charset="utf-8"><link rel="stylesheet" href="style.css" type="text/css" />
</head><body><div><main> <h1>Appalachian Scholarship Application Portal</h1>   <div><h2>About the Evaluation</h2> <dl><dt>Report Creator </dt><dd>Dana Braswell </dd><dt>Evaluation Commissioner </dt><dd>Tom Van Gilder </dd><dt>Evaluation date </dt><dd>Mon Mar 06 2023</dd></dl> </div> <div><h2>Executive Summary</h2> <div><p>A few failures, mainly related to lack of appropriate roles for buttons and proper naming for form elements.  One instance of what appeared to be a keyboard trap, but all that was required was to use the up arrows to continue navigating via keyboard, which wasn't really apparent.</p>
</div> </div> <div><h2>Scope of the Evaluation</h2> <dl><dt>Website name </dt><dd>Appalachian Scholarship Application Portal </dd><dt>Scope of the website </dt><dd>Review includes the homepage/sign-in - nothing behind the login page is included in this review. </dd><dt>WCAG Version </dt><dd>2.1 </dd><dt>Conformance target </dt><dd>A </dd><dt>Accessibility support baseline </dt><dd>Microsoft Edge, Opera, Safari, Google Chrome, Mozilla Firefox </dd><dt>Additional evaluation requirements </dt><dd>Report will include an overview of all errors identified with examples where needed.</dd></dl> </div> <h2>Detailed Audit Results</h2> <h3>Summary</h3> <p>Reported on 30 of 30 WCAG 2.1 A
  Success Criteria.</p> <ul><li><span>13</span> <span>Passed</span></li><li><span>5</span> <span>Failed</span></li><li><span>0</span> <span>Cannot tell</span></li><li><span>12</span> <span>Not present</span></li><li><span>0</span> <span>Not checked</span></li></ul>  <h3>All Results</h3> <h4>1 Perceivable</h4> <h5 id="guideline-11">1.1 Text Alternatives</h5> <table aria-labelledby="guideline-11"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-111">1.1.1: Non-text Content</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-12">1.2 Time-based Media</h5> <table aria-labelledby="guideline-12"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-121">1.2.1: Audio-only and Video-only (Prerecorded)</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-122">1.2.2: Captions (Prerecorded)</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-123">1.2.3: Audio Description or Media Alternative (Prerecorded)</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-13">1.3 Adaptable</h5> <table aria-labelledby="guideline-13"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-131">1.3.1: Info and Relationships</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-132">1.3.2: Meaningful Sequence</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-133">1.3.3: Sensory Characteristics</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Failed</p> <h6>Home Page</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Home Page</h6> <p>Failing this since the buttons on screen do not appear to have any sort of role attached to identify them as buttons for assistive technologies.  The dropdown menu does have an aria-haspopup attribute set to 'true', identifying it as a menu.</p>
</td>  </tr></tbody> </table><h5 id="guideline-14">1.4 Distinguishable</h5> <table aria-labelledby="guideline-14"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-141">1.4.1: Use of Color</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Failed</p> <h6>Home Page</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Home Page</h6> <p>As with the above section, the buttons on this page lack any role attributes and so rely on color/formatting to identify themselves as buttons.</p>
</td>  </tr><tr><th scope="row" id="criterion-142">1.4.2: Audio Control</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h4>2 Operable</h4> <h5 id="guideline-21">2.1 Keyboard Accessible</h5> <table aria-labelledby="guideline-21"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-211">2.1.1: Keyboard</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-212">2.1.2: No Keyboard Trap</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>Once in the dropdown nav menu the user must use arrow keys to progress back to top level before tab key will change focus to the next element - not very apparent.</p>
</td>  </tr><tr><th scope="row" id="criterion-214">2.1.4: Character Key Shortcuts</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-22">2.2 Enough Time</h5> <table aria-labelledby="guideline-22"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-221">2.2.1: Timing Adjustable</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-222">2.2.2: Pause, Stop, Hide</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-23">2.3 Seizures and Physical Reactions</h5> <table aria-labelledby="guideline-23"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-231">2.3.1: Three Flashes or Below Threshold</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-24">2.4 Navigable</h5> <table aria-labelledby="guideline-24"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-241">2.4.1: Bypass Blocks</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-242">2.4.2: Page Titled</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-243">2.4.3: Focus Order</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-244">2.4.4: Link Purpose (In Context)</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-25">2.5 Input Modalities</h5> <table aria-labelledby="guideline-25"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-251">2.5.1: Pointer Gestures</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-252">2.5.2: Pointer Cancellation</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-253">2.5.3: Label in Name</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Failed</p> <h6>Home Page</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Home Page</h6> <p>The search box has the name "term" and only provides a placeholder attribute of "Search by Keyword".  Failing because the placeholder attribute isn't recognized by some assistive technologies, and the input name isn't descriptive of the function of the element.</p>
</td>  </tr><tr><th scope="row" id="criterion-254">2.5.4: Motion Actuation</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Not present</p> <h6>Home Page</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h4>3 Understandable</h4> <h5 id="guideline-31">3.1 Readable</h5> <table aria-labelledby="guideline-31"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-311">3.1.1: Language of Page</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-32">3.2 Predictable</h5> <table aria-labelledby="guideline-32"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-321">3.2.1: On Focus</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-322">3.2.2: On Input</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr></tbody> </table><h5 id="guideline-33">3.3 Input Assistance</h5> <table aria-labelledby="guideline-33"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-331">3.3.1: Error Identification</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-332">3.3.2: Labels or Instructions</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Failed</p> <h6>Home Page</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Home Page</h6> <p>Search box does not have text label; only has placeholder attribute to indicate function.  Input name is not indicative of its intended function.</p>
</td>  </tr></tbody> </table><h4>4 Robust</h4> <h5 id="guideline-41">4.1 Compatible</h5> <table aria-labelledby="guideline-41"><tbody><tr><th scope="col">Success Criterion</th> <th scope="col">Result</th> <th scope="col">Observations</th> </tr> <tr><th scope="row" id="criterion-411">4.1.1: Parsing</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Passed</p> <h6>Home Page</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Home Page</h6> <p>No observations added</p></td>  </tr><tr><th scope="row" id="criterion-412">4.1.2: Name, Role, Value</th> <td><h6>Entire sample</h6> <p><span>Result:</span> Failed</p> <h6>Home Page</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Home Page</h6> <p>The buttons on the page do not have role/type attributes set, and the search box has no label or descriptive name.</p>
</td>  </tr></tbody> </table> <h2>Sample of Audited Web Pages</h2> <ol><li><span>Home Page</span> - <span>https://appstate.academicworks.com/</span> </li></ol> <h2>Web Technology</h2> <p>HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF</p> <h2>Recording of Evaluation Specifics</h2> <p>Not provided</p>  </main></div></body></html>