-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathalumni.html
More file actions
32 lines (32 loc) · 28.3 KB
/
alumni.html
File metadata and controls
32 lines (32 loc) · 28.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype HTML><html lang="en"><head><title>alumni-report.html</title><meta charset="utf-8"><link rel="stylesheet" href="style.css" type="text/css" />
</head><body><div><main> <h1>Alumni</h1> <div><h2>About the Evaluation</h2> <dl><dt>Report Creator </dt><dd>Dana Braswell </dd><dt>Evaluation Commissioner </dt><dd>Matt McNaney </dd><dt>Evaluation date </dt><dd>Wed Feb 08 2023</dd></dl> </div> <div><h2>Executive Summary</h2> <div><p>There are some issues here and there - mainly involving roles/titles for certain elements. Keyboard accessibility does have a major issue in that the main site menus are not accessible via keyboard at all.</p>
</div> </div> <div><h2>Scope of the Evaluation</h2> <dl><dt>Website name </dt><dd>Alumni </dd><dt>Scope of the website </dt><dd>Review includes the homepage along with pages chosen to provide the greatest range of content types throughout the site. At least one random page will also be included in the 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>18</span> <span>Passed</span></li><li><span>3</span> <span>Failed</span></li><li><span>1</span> <span>Cannot tell</span></li><li><span>8</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Failed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>Most images had appropriate alt tags/text, but a couple of the images used for buttons did not.</p>
<h6>Digital Media</h6> <p>It looks like half or more of the images on this page do not have any alt text/tag associated with them.</p>
<h6>Alumni Awards</h6> <p><iframe> containers do not have any associated title attribute for screen readers.</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>There are some instances of header tags being used interchangeably with <strong> tags wrapped in paragraph elements.</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>Perhaps some questionable header tag usage for award recipient names.</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Failed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>Most pages are ok, but a couple did have issues (more below)</p>
<h6>Alumni Home</h6> <p>A couple of buttons using <a> tags without a role="button" attribute. May be ok in the context that they're used.</p>
<h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>Two of the buttons (images, really) used for downloading the app do not have any alt tag information or role attributes assigned.</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p><iframe> elements do not have associated title, leaving only their appearance to indicate their function.</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Failed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>A couple of minor button issues, and one possible larger issue with table layout and scope.</p>
<h6>Alumni Home</h6> <p>A couple of buttons lack button role/type information, leaving them to be distinguishable only by their color.</p>
<h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>Form elements are laid out using a table that lacks any scope declarations - may be ok, but seems like it could be confusing for some assistive technologies</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>No observations added</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Failed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Failed </p><h6>FAQ</h6> <p><span>Result:</span> Failed </p><h6>App State Connect</h6> <p><span>Result:</span> Failed </p><h6>Digital Media</h6> <p><span>Result:</span> Failed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>Main site menus are not keyboard accessible - they never receive focus on any page.</p>
<h6>Alumni Home</h6> <p>Body content is keyboard accessible - main menus (theme-level, see entire sample observations) are not.</p>
<h6>FAQ</h6> <p>Body content is keyboard accessible - main menus (theme-level, see entire sample observations) are not.</p>
<h6>App State Connect</h6> <p>Body content is keyboard accessible - main menus (theme-level, see entire sample observations) are not.</p>
<h6>Digital Media</h6> <p>Body content is keyboard accessible - main menus (theme-level, see entire sample observations) are not.</p>
<h6>Alumni Awards</h6> <p>Body content is keyboard accessible - main menus (theme-level, see entire sample observations) are not.</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>No observations added</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>Animated GIFs aren't really "flashing"</p>
<h6>Alumni Awards</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> Failed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Failed </p><h6>FAQ</h6> <p><span>Result:</span> Failed </p><h6>App State Connect</h6> <p><span>Result:</span> Failed </p><h6>Digital Media</h6> <p><span>Result:</span> Failed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>No ability to bypass main theme elements and go to main content is provided on any page.</p>
<h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>Aside from the whole skipping the main menu thing noted previously, elements receive focus in the expected order.</p>
<h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>Two images used as buttons should probably have an aria-label added to indicate the destination/purpose</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Failed </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td><h6>Entire sample</h6> <p>Observations:</p> <p>The form fields on the AppState Connect page do not include the label text in the field name attributes.</p>
<h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>The name attributes for the form field items appear to be just a string of letters/numbers rather than the label text.</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>No observations added</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>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Not present </p><h6>App State Connect</h6> <p><span>Result:</span> Not present </p><h6>Digital Media</h6> <p><span>Result:</span> Not present </p><h6>Alumni Awards</h6> <p><span>Result:</span> Not present </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Cannot tell</p> <h6>Alumni Home</h6> <p><span>Result:</span> Cannot tell </p><h6>FAQ</h6> <p><span>Result:</span> Cannot tell </p><h6>App State Connect</h6> <p><span>Result:</span> Cannot tell </p><h6>Digital Media</h6> <p><span>Result:</span> Cannot tell </p><h6>Alumni Awards</h6> <p><span>Result:</span> Cannot tell </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Not present </p><h6>FAQ</h6> <p><span>Result:</span> Failed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>May need to have some instructional text included to indicate that the questions are clickable?</p>
<h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>Embedded video players do not have a title indicating their functionality.</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>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Passed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>No observations added</p><h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</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> Passed</p> <h6>Alumni Home</h6> <p><span>Result:</span> Passed </p><h6>FAQ</h6> <p><span>Result:</span> Passed </p><h6>App State Connect</h6> <p><span>Result:</span> Passed </p><h6>Digital Media</h6> <p><span>Result:</span> Passed </p><h6>Alumni Awards</h6> <p><span>Result:</span> Failed </p></td> <td> <h6>Alumni Home</h6> <p>No observations added</p><h6>FAQ</h6> <p>No observations added</p><h6>App State Connect</h6> <p>A couple of the images used as buttons need to have a button role added.</p>
<h6>Digital Media</h6> <p>No observations added</p><h6>Alumni Awards</h6> <p>Embedded video players need to have titles included indicating their function to screen readers.</p>
</td> </tr></tbody> </table> <h2>Sample of Audited Web Pages</h2> <ol><li><span>Alumni Home</span> - <span>https://www.alumni.appstate.edu</span> </li><li><span>FAQ</span> - <span>https://www.alumni.appstate.edu/s/1727/c20/Interior.aspx?sid=1727&gid=2&pgid=458</span> </li><li><span>App State Connect</span> - <span>https://www.alumni.appstate.edu/s/1727/c20/Interior.aspx?sid=1727&gid=2&pgid=3309</span> </li><li><span>Digital Media</span> - <span>https://www.alumni.appstate.edu/s/1727/c20/Interior.aspx?sid=1727&gid=2&pgid=3331</span> </li><li><span>Alumni Awards</span> - <span>https://www.alumni.appstate.edu/s/1727/c20/Interior.aspx?sid=1727&gid=2&pgid=427</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>