CSC/ECE 517 Fall 2010/temp collabbit ck
Collabbit - Accessibility Audit
Incident Pages - Audit Details
URL Audited - All in Incidents Controller Date - 10/18/2010 Browser and Version - Internet Explorer 8 Auditor - Karthik Subramaniam CAG 2.0 Rating for this URL -
=============================================================================================================
Guidelines:
W3c CAG 2.0 - http://www.w3.org/TR/WCAG20 Quick Reference - http://www.w3.org/WAI/WCAG20/quickref
=============================================================================================================
Form Instructions:
Results : Result Format - Grade followed by Brief Comments
Grade:
X - Full Compliance
/ - Partial Compliance
O - Needs Work
N - Not Applicable
Brief Comments - Should be comments for all grades other than X.
Example - / Needs a text alternative for video-only of training instructions.
=============================================================================================================
Tools Used:
Fangs - A Firefox open source screen reader emulator - http://www.standards-schmandards.com/projects/fangs W3C Validator - W3c.org schema validator - Manual Review - Review via manual methods. Contrast Ratio Analyzer - http://juicystudio.com/services/luminositycontrastratio.php#specify
=============================================================================================================
Test Links:
Provides in-depth discussion of all tests.
Text Aleternatives (1.1) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all
Time Based Media (1.2) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#media-equiv
Adaptable (1.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation.html
Distinguisable (1.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast.html
Keyboard Accessible (2.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html
Enough Time (2.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html
Siezures (2.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure.html
Navigable (2.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms.html Readable (3.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html Predictable (3.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html
Input Assistance (3.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error.html
Compatible (4.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat.html
===========================================================================================================================
Tests:
Non-Text Content (1.1.1)
Provides text alternatives for:
Controls - Controls with images should have a text alternative.
Time-based Media - At least a description of the media.
Test - If it is a test and exact text would yield the answer then a description is provide.
, Sensory - Non text content that is sensory has a description provided.
CAPTCHA - Non text CAPTCHA content has a description provided.
Decoration, Formatting, Invisible - No text is needed
Tool: Manual Review
Results - X
Audio-only and Video-only (Prerecorded) (1.2.1)
Audio Only has a transcript or similar provided.
Video Only has an audio track describing it.
Tool: Manual Review
Results - N No pre recorded media
Captions (Prerecorded) (1.2.2)
Has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No pre recorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No pre recorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No pre recorded media
Info and Relationships (1.3.1)
When a color has a meaning, there is also a text representation of that color.
When a font change within a context (size, bold, italics, etc) is representative of meaning
that meaning needs to be conveyed by adaptive means as well.
Tool: Screen Reader
Results - X
Meaningful Sequence (1.3.2)
Verify that the visual presentation of the page matches the screen reader presentation.
Tool: Screen Reader
Results - X
Sensory Characteristics Sequence (1.3.3)
Instructions provided for understanding and operating content do not rely solely on
sensory characteristics of components such as shape, size, visual location, orientation, or sound
Tool: Manual Review
Results - X
Use of Color (1.4.1)
Color is not used as the only visual means of conveying information,
indicating an action, prompting a response, or distinguishing a visual element.
Tool: Manual Review
Results - X
Audio Control (1.4.2)
If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism
is available to pause or stop the audio, or a mechanism is available to control audio volume independently
from the overall system volume level.
Tool: Manual Review
Results - N No pre recorded media
Keyboard Accessible (2.1.1)
All content is accessible through the keyboard except where the underlying function requires input that depends
on the path of the user's movement and not just the endpoints.
Tool: Manual Review
Results - X
No Keyboard Trap (2.1.2)
If focus can be set on a control from the keyboard, then focus can also be removed from that control via keyboard.
If it is by other than arrows or tab the user should be instructed as to how.
Tool: Manual Review
Results - X
Timing Adjustable (2.2.1)
For events that are timed. The time limit must be adjustable. Exception is real time, essential need or >20 hours.
Tool: Manual Review
Results - N No timed events were noted.
Pause, Stop, Hide (2.2.2)
For moving, blinking, scrolling, or auto-updating information, there is a provision to pause, stop or hide it.
Tool: Manual Review
Results - N No moving or auto updating information was noted.
Three Flashes or Below Threshold (2.3.1)
Web pages do not contain anything that flashes more than three times in any one second period
or the flash is below the general flash and red flash thresholds
Tool: Manual Review
Results - N No flashing elements on any pages
Bypass Blocks (2.4.1)
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
Tool: Manual Review
Results - N No repeating content was noted.
Page Titled (2.4.2)
Web pages have titles that describe topic or purpose.
Tool: Manual Review
Results - X
Focus Ordered (2.4.3)
Tab order preserves meaning and operability.
Tool: Manual Review
Results - X
Link Purpose (2.4.4)
The purpose of each link can be determined from the link text alone.
Tool: Manual Review
Results - X
Language of Page (3.1.1)
The default human language of each Web page can be programmatically determined.
Tool: View Source - Look for lang="" in html element i.e. <html lang="en">
Results - X
On Focus (3.2.1)
When any component receives focus, it does not initiate a change of context.
Tool: Manual Review
Results - / Looks good on most of the pages, but in the 'incident details' view, on focus of the 'comment' the 'Add Comment' button is being displayed http://demo.collabbit.org/incidents/2/updates
On Input (3.2.2)
Changing the setting of any user interface component does not automatically cause a change of context
unless the user has been advised of the behavior before using the component.
Tool: Manual Review
Results - x
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / *) On the 'New Incident' view, the text is not trimmed for the 'Quick Overview' field. If the user enters blanks and tries to save it, the error message is not displayed. *) On the 'Edit Update' view, when adding a comment, when blanks are entered, the error message has some typos, i.ie "blankis" "Unable to save your comment, it can't be *blankis* too short (minimum is 2 characters)" *) On the 'Add Update' screen, when the 'text' is blank it shows two error messages , 1. Text cannot be blank 2. Text is too short. If it is blank, the 'Text is too short' message is not applicable.
Labels or Instructions (3.3.2)
Labels or instructions are provided when content requires user input.
Tool: Manual Review
Results - X
Error Suggestion (3.3.3)
If an input error is automatically detected and suggestions for correction are known,
then the suggestions are provided to the user.
Tool: Manual Review
Results - X
Level AA
Captions (Live) (1.2.4)
Live Video has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No live video in this application.
Audio Description (Prerecorded) (1.2.5)
Media has a narration in voice describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No media in this application
Contrast Minimum (1.4.3)
Text must have a minimum 4.5:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Option (fails contrast validation) updates.css - comment_body (fails contrast validation)
Resize Text (1.4.4)
When text is resized to 200%, it is still legible and the page is still functional.
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Images of Text (1.4.5)
Text is user rather than images of text (except customizable image text or essential to presentation.
Tool: Manual Review
Results - N no images in this application
Multiple Ways (2.4.5)
More than one way is available to locate a Web page within a set of Web pages
except where the Web Page is the result of, or a step in, a process.
Tool: Manual Review
Results - X
Heading and Labels (2.4.6)
Heading and Labels describe Topic and Purpose.
Tool: Manual Review
Results - X
Focus Visible (2.4.7)
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Tool: Manual Review
Results - / On the 'Add Update' view when the user hits 'tab' to change focus on the Relevant Groups/Tags section , the change in focus is barely visible.
Language of Page (3.1.2)
The human language of each passage or phrase different than the default content can be programmatically determined.
Tool: View Source - Look for lang="" in elements near change in language.
Results - N No change in languages noted.
Consistent Navigation (3.2.3)
Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages
occur in the same relative order each time they are repeated.
Tool: Manual Review
Results - X
Consistent Identification (3.2.4)
Components that have the same functionality within a set of Web pages are identified consistently.
Tool: Manual Review
Results - X
Error Prevention (Legal, Financial, Data) (3.3.4)
For Legal, financial or test submitions that modify or delete data,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - N No legal of financial was noted
Parsing (4.1.1)
In content implemented using markup languages, elements have complete start and end tags,
elements are nested according to their specifications,
elements do not contain duplicate attributes,
and any IDs are unique.
Tool: W3C Validator
Results - X
Name, Role, Value (4.1.2)
Only for custom controls. All html elements already meet this criteria.
For all user interface components, the name and role can be programmatically determined;
states, properties, and values that can be set by the user can be programmatically set;
and notification of changes to these items is available to user agents, including assistive technologies
Tool: Would have to look at the controls code.
Results - N No custom controls in this application
Level AAA
Sign Language (Prerecorded) (1.2.6)
Sign Language is provided for all prerecorded audio in media.
Tool: Manual Review
Results - N No sign language was noted
Extended Audio Description (P Rerecorded) (1.2.7)
When audio pauses are do not have enough time to add needed narration of video.
The video is paused and narrations are added.
Tool: Manual Review
Results - N No prerecorded audio
Media Alternative (Prerecorded) (1.2.8)
A text transcript of all video and audio is provided.
Tool: Manual Review
Results - N No prerecorded media
Audi-Only (Live) (1.2.9)
A text display of all live audio is provided.
Tool: Manual Review
Results - N No live audio
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Divider (Passes only AA) SiteWide.css - BreadCrumbs (Passes only AA)
Low or no Background Audio (1.4.7)
For Audio that is not music or logo, if there is background noise it can be turned off or is 20 db below foreground noise.
Tool: Manual Review
Results - N No audio in this application
Visual Presentation (1.4.8)
Concerning Blocks of Text:
1. Fore and back colors are selectable
2. Width is <= 80 characters
3. Test is no justified on both left and right.
4. Character spacing 1.5 min and line spacing 1.5 min.
5. Can be re sized to 200% and is readable with scrolling to the right.
Tool: Manual Review
Results - N No blocks of text were noted in this application.
Images of Text (1.4.9)
Only used for pure decoration.
Tool: Manual Review
Results - X
Keyboard Accessible (No Exception) (2.1.3)
All content is accessible through the keyboard.
Tool: Manual Review
Results - X
No Timing (2.2.3)
Timing is not an essential part of the event or activity presented by the content except synchronized media and real time.
Tool: Manual Review
Results - X
Interruptions (2.2.4)
Interruptions can be postponed or suppressed by the user except emergency.
Tool: Manual Review
Results - N No interruptions in this application
Reauthentication (2.2.5)
When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.
Tool: Manual Review
Results - X
Three Flashes (2.3.2)
Web pages do not contain anything that flashes more than three times in any one second period.
Tool: Manual Review
Results - X
Location (2.4.8)
Information about the user's location within a set of Web pages is available.
Tool: Manual Review
Results - X
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove "[x]" on incidents page is not apparent until clicked.
Section Headings (2.4.10)
Section headings are used to organize the content.
Tool: Manual Review
Results - X
Unusual Words (3.1.3)
A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way.
Tool: Manual Review
Results - X
Abbreviations (3.1.5)
A mechanism for identifying the expanded form or meaning of abbreviations is available.
Tool: Manual Review
Results - N No abbreviations were noted.
Pronunciation (3.1.6)
A mechanism is available for identifying specific pronunciation of words where meaning of the words,
in context, is ambiguous without knowing the pronunciation.
Tool: Manual Review
Results - N Used only simple words
Change on Request (3.2.5)
Changes of context are initiated only by user request or a mechanism is available to turn off such changes.
Tool: Manual Review
Results - N No changes of context were noted.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.
Error Prevention (All) (3.3.6)
For Web pages that require the user to submit information,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - X
Incident Pages - Audit Summary
URL Audited - All in Incidents Controller Date - 10/18/2010 Browser and Version - Internet Explorer 8 Auditor - Karthik Subramaniam CAG 2.0 Rating for this url -
=============================================================================================================
This is a summary of results.
Full details are in the document named.WCAG - Collabbit - Incident pages - Details.txt
=============================================================================================================
Test Summary:
Level A
Fully meet success criteria 14
Not applicable 9
Did not meet success criteria 2
Level AA
Fully meet success criteria 5
Not applicable 6
Did not meet success criteria 3
Level AAA
Fully meet success criteria 9
Not applicable 10
Did not meet success criteria 2
==============================================================================================================
Tests that did not meet success criteria:
On Focus (3.2.1)
When any component receives focus, it does not initiate a change of context.
Tool: Manual Review
Results - / Looks good on most of the pages, but in the 'incident details' view, on focus of the 'comment' the 'Add Comment' button is being displayed http://demo.collabbit.org/incidents/2/updates
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / *) On the 'New Incident' view, the text is not trimmed for the 'Quick Overview' field. If the user enters blanks and tries to save it, the error message is not displayed. *) On the 'Edit Update' view, when adding a comment, when blanks are entered, the error message has some typos, i.ie "blankis" "Unable to save your comment, it can't be *blankis* too short (minimum is 2 characters)" *) On the 'Add Update' screen, when the 'text' is blank it shows two error messages , 1. Text cannot be blank 2. Text is too short. If it is blank, the 'Text is too short' message is not applicable.
Level AA
Contrast Minimum (1.4.3)
Text must have a minimum 4.5:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Option (fails contrast validation) updates.css - comment_body (fails contrast validation)
Resize Text (1.4.4)
When text is re sized to 200%, it is still legible and the page is still functional
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Focus Visible (2.4.7)
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Tool: Manual Review
Results - / On the 'Add Update' view when the user hits 'tab' to change focus on the Relevant Groups/Tags section , the change in focus is barely visible.
Level AAA
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Divider (Passes only AA) SiteWide.css - BreadCrumbs (Passes only AA)
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove "[x]" on incidents page is not apparent until clicked.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.
Groups Pages - Audit Details
URL Audited - All in Groups Controller Date - 10/17/2010 Browser and Version - Internet Explorer 8 Auditor - Craig Kimpel CAG 2.0 Rating for this url -
=============================================================================================================
Guidelines:
W3c CAG 2.0 - http://www.w3.org/TR/WCAG20 Quick Reference - http://www.w3.org/WAI/WCAG20/quickref
=============================================================================================================
Form Instructions:
Results : Result Format - Grade followed by Brief Comments
Grade:
X - Full Compliance
/ - Partial Compliance
O - Needs Work
N - Not Applicable
Brief Comments - Should be comments for all grades other than X.
Example - / Needs a text alternative for video-only of training instructions.
=============================================================================================================
Tools Used:
Fangs - A Firefox open source screen reader emulator - http://www.standards-schmandards.com/projects/fangs W3C Validator - W3c.org schema validator - http://validator.w3.org Manual Review - Review via manual methods. Contrast Ratio Analyzer - http://juicystudio.com/services/luminositycontrastratio.php#specify
=============================================================================================================
Test Links:
Provides in-depth discussion of all tests.
Text Alternatives (1.1) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all
Time Based Media (1.2) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#media-equiv
Adaptable (1.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation.html
Distinguishable (1.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast.html
Keyboard Accessible (2.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html
Enough Time (2.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html
Siezures (2.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure.html
Navigable (2.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms.html Readable (3.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html Predictable (3.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html
Input Assistance (3.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error.html
Compatible (4.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat.html
===========================================================================================================================
Tests:
Non-Text Content (1.1.1)
Provides text alternatives for:
Controls - Controls with images should have a text alternative
Time-based Media - At least a description of the media.
Test - If it is a test and exact text would yield the answer then a description is provide.
, Sensory - Non text content that is sensory has a description provided.
CAPTCHA - Non text CAPTCHA content has a description provided.
Decoration, Formatting, Invisible - No text is needed
Tool: Manual Review
Results - X
Audio-only and Video-only (Prerecorded) (1.2.1)
Audio Only has a transcript or similar provided.
Video Only has an audio track describing it.
Tool: Manual Review
Results - N No prerecorded media
Captions (Prerecorded) (1.2.2)
Has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No prerecorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No prerecorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No prerecorded media
Info and Relationships (1.3.1)
When a color has a meaning, there is also a text representation of that color.
When a font change within a context (size, bold, italics, etc) is representative of meaning
that meaning needs to be conveyed by adaptive means as well.
Tool: Screen Reader
Results - X
Meaningful Sequence (1.3.2)
Verify that the visual presentation of the page matches the screen reader presentation.
Tool: Screen Reader
Results - X
Sensory Characteristics Sequence (1.3.3)
Instructions provided for understanding and operating content do not rely solely on
sensory characteristics of components such as shape, size, visual location, orientation, or sound
Tool: Manual Review
Results - X
Use of Color (1.4.1)
Color is not used as the only visual means of conveying information,
indicating an action, prompting a response, or distinguishing a visual element.
Tool: Manual Review
Results - X
Audio Control (1.4.2)
If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism
is available to pause or stop the audio, or a mechanism is available to control audio volume independently
from the overall system volume level.
Tool: Manual Review
Results - N no audio was present
Keyboard Accessible (2.1.1)
All content is accessible through the keyboard except where the underlying function requires input that depends
on the path of the user's movement and not just the endpoints.
Tool: Manual Review
Results - X
No Keyboard Trap (2.1.2)
If focus can be set on a control from the keyboard, then focus can also be removed from that control via keyboard.
If it is by other than arrows or tab the user should be instructed as to how.
Tool: Manual Review
Results - X
Timing Adjustable (2.2.1)
For events that are timed. The time limit must be adjustable. Exception is real time, essential need or >20 hours.
Tool: Manual Review
Results - N No timed events were noted.
Pause, Stop, Hide (2.2.2)
For moving, blinking, scrolling, or auto-updating information, there is a provision to pause, stop or hide it.
Tool: Manual Review
Results - N No moving or auto updating information was noted.
Three Flashes or Below Threshold (2.3.1)
Web pages do not contain anything that flashes more than three times in any one second period
or the flash is below the general flash and red flash thresholds
Tool: Manual Review
Results - N No flashing elements on any pages
Bypass Blocks (2.4.1)
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
Tool: Manual Review
Results - N No repeating content was noted.
Page Titled (2.4.2)
Web pages have titles that describe topic or purpose.
Tool: Manual Review
Results - X
Focus Ordered (2.4.3)
Tab order preserves meaning and operability.
Tool: Manual Review
Results - / Most items flowed very well. Only items that do not are
when edit/delete/etc are in the upper right. These are currently tabbing backwards.
Link Purpose (2.4.4)
The purpose of each link can be determined from the link text alone.
Tool: Manual Review
Results - X
Language of Page (3.1.1)
The default human language of each Web page can be programmatically determined.
Tool: View Source - Look for lang="" in html element i.e. <html lang="en">
Results - X
On Focus (3.2.1)
When any component receives focus, it does not initiate a change of context.
Tool: Manual Review
Results - X
On Input (3.2.2)
Changing the setting of any user interface component does not automatically cause a change of context
unless the user has been advised of the behavior before using the component.
Tool: Manual Review
Results - X
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / Found a error at http://demo.collabbit.dev:3000/group_types/3/groups/16/edit
when the name field is blank a NoMethodError in Groups#update was generated.
Labels or Instructions (3.3.2)
Labels or instructions are provided when content requires user input.
Tool: Manual Review
Results - X
Error Suggestion (3.3.3)
If an input error is automatically detected and suggestions for correction are known,
then the suggestions are provided to the user.
Tool: Manual Review
Results - X
Level AA
Captions (Live) (1.2.4)
Live Video has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No live video in this application.
Audio Description (Prerecorded) (1.2.5)
Media has a narration in voice describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No media in this application
Contrast Minimum (1.4.3)
Text must have a minimum 4.5:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - X
Resize Text (1.4.4)
When text is re sized to 200%, it is still legible and the page is still functional
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Images of Text (1.4.5)
Text is user rather than images of text (except customizable image text or essential to presentation.
Tool: Manual Review
Results - N no images in this application
Multiple Ways (2.4.5)
More than one way is available to locate a Web page within a set of Web pages
except where the Web Page is the result of, or a step in, a process.
Tool: Manual Review
Results - X
Heading and Labels (2.4.6)
Heading and Labels describe Topic and Purpose.
Tool: Manual Review
Results - X
Focus Visible (2.4.7)
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Tool: Manual Review
Results - X
Language of Page (3.1.2)
The human language of each passage or phrase different than the default content can be programmatically determined.
Tool: View Source - Look for lang="" in elements near change in language.
Results - N No change in languages noted.
Consistent Navigation (3.2.3)
Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages
occur in the same relative order each time they are repeated.
Tool: Manual Review
Results - / group_types/4/groups has controls New / Edit / Delete
group_types/4/groups/18 has controls Join / Delete / Edit
contacts/6 has controls Edit / Delete / Download
Consistent Identification (3.2.4)
Components that have the same functionality within a set of Web pages are identified consistently.
Tool: Manual Review
Results - X
Error Prevention (Legal, Financial, Data) (3.3.4)
For Legal, financial or test submitions that modify or delete data,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - N No legal of financial was noted
Parsing (4.1.1)
In content implemented using markup languages, elements have complete start and end tags,
elements are nested according to their specifications,
elements do not contain duplicate attributes,
and any IDs are unique.
Tool: W3C Validator
Results - / group_types - multiple id's
- is used many times this page
Name, Role, Value (4.1.2)
Only for custom controls. All html elements already meet this criteria.
For all user interface components, the name and role can be programmatically determined;
states, properties, and values that can be set by the user can be programmatically set;
and notification of changes to these items is available to user agents, including assistive technologies
Tool: Would have to look at the controls code.
Results - N No custom controls in this application
Level AAA
Sign Language (Prerecorded) (1.2.6)
Sign Language is provided for all prerecorded audio in media.
Tool: Manual Review
Results - N No sign language was noted
Extended Audio Description (P Rerecorded) (1.2.7)
When audio pauses are do not have enough time to add needed narration of video.
The video is paused and narrations are added.
Tool: Manual Review
Results - N No prerecorded audio
Media Alternative (Prerecorded) (1.2.8)
A text transcript of all video and audio is provided.
Tool: Manual Review
Results - N No prerecorded media
Audi-Only (Live) (1.2.9)
A text display of all live audio is provided.
Tool: Manual Review
Results - N No live audio
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / The link color #275FE4 in stylesheets/groups.css is only 5.74:1
Low or no Background Audio (1.4.7)
For Audio that is not music or logo, if there is background noise it can be turned off or is 20 db below foreground noise.
Tool: Manual Review
Results - N No audio in this application
Visual Presentation (1.4.8)
Concerning Blocks of Text:
1. Fore and back colors are selectable
2. Width is <= 80 characters
3. Test is no justified on both left and right.
4. Character spacing 1.5 min and line spacing 1.5 min.
5. Can be re sized to 200% and is readable with scrolling to the right.
Tool: Manual Review
Results - N No blocks of text were noted in this application.
Images of Text (1.4.9)
Only used for pure decoration.
Tool: Manual Review
Results - X
Keyboard Accessible (No Exception) (2.1.3)
All content is accessible through the keyboard.
Tool: Manual Review
Results - X
No Timing (2.2.3)
Timing is not an essential part of the event or activity presented by the content except synchronized media and real time.
Tool: Manual Review
Results - X
Interruptions (2.2.4)
Interruptions can be postponed or suppressed by the user except emergency.
Tool: Manual Review
Results - N No interruptions in this application
Reauthentication (2.2.5)
When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.
Tool: Manual Review
Results - X
Three Flashes (2.3.2)
Web pages do not contain anything that flashes more than three times in any one second period.
Tool: Manual Review
Results - X
Location (2.4.8)
Information about the user's location within a set of Web pages is available.
Tool: Manual Review
Results - X
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove user from group "[x]" on contacts page is not apparent until clicked.
Section Headings (2.4.10)
Section headings are used to organize the content.
Tool: Manual Review
Results - X
Unusual Words (3.1.3)
A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way.
Tool: Manual Review
Results - X
Abbreviations (3.1.5)
A mechanism for identifying the expanded form or meaning of abbreviations is available.
Tool: Manual Review
Results - N No abbreviations were noted.
Pronunciation (3.1.6)
A mechanism is available for identifying specific pronunciation of words where meaning of the words,
in context, is ambiguous without knowing the pronunciation.
Tool: Manual Review
Results - N Used only simple words
Change on Request (3.2.5)
Changes of context are initiated only by user request or a mechanism is available to turn off such changes.
Tool: Manual Review
Results - N No changes of context were noted.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.
Error Prevention (All) (3.3.6)
For Web pages that require the user to submit information,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - X
Groups Pages - Audit Summary
URL Audited - All in Groups Controller Date - 10/17/2010 Browser and Version - Internet Explorer 8 Auditor - Craig Kimpel CAG 2.0 Rating for this url -
=============================================================================================================
This is a summary of results.
Full details are in the document named.WCAG - Collabbit - group pages - Details.txt
=============================================================================================================
Test Summary:
Level A
Fully meet success criteria 14
Not applicable 9
Did not meet success criteria 2
Level AA
Fully meet success criteria 5
Not applicable 6
Did not meet success criteria 3
Level AAA
Fully meet success criteria 9
Not applicable 10
Did not meet success criteria 2
==============================================================================================================
Tests that did not meet success criteria:
Focus Ordered (2.4.3)
Tab order preserves meaning and operability.
Tool: Manual Review
Results - / Most items flowed very well. Only items that do not are
when edit/delete/etc are in the upper right. These are currently tabbing backwards.
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / Found a error at http://demo.collabbit.dev:3000/group_types/3/groups/16/edit
when the name field is blank a NoMethodError in Groups#update was generated.
Level AA
Resize Text (1.4.4)
When text is re sized to 200%, it is still legible and the page is still functional
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Consistent Navigation (3.2.3)
Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages
occur in the same relative order each time they are repeated.
Tool: Manual Review
Results - / group_types/4/groups has controls New / Edit / Delete
group_types/4/groups/18 has controls Join / Delete / Edit
contacts/6 has controls Edit / Delete / Download
Parsing (4.1.1)
In content implemented using markup languages, elements have complete start and end tags,
elements are nested according to their specifications,
elements do not contain duplicate attributes,
and any IDs are unique.
Tool: W3C Validator
Results - / group_types - multiple id's - is used many times this page
Level AAA
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / The link color #275FE4 in stylesheets/groups.css is only 5.74:1
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove user from group "[x]" on contacts page is not apparent until clicked.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.
Contacts Pages - Audit Details
URL Audited - All in Contacts Controller Date - 10/19/2010 Browser and Version - Mozilla Firefox 3.6.10 Auditor - Chi Yi CAG 2.0 Rating for this url -
=============================================================================================================
Guidelines:
W3c CAG 2.0 - http://www.w3.org/TR/WCAG20 Quick Reference - http://www.w3.org/WAI/WCAG20/quickref
=============================================================================================================
Form Instructions:
Results : Result Format - Grade followed by Brief Comments
Grade:
X - Full Compliance
/ - Partial Compliance
O - Needs Work
N - Not Applicable
Brief Comments - Should be comments for all grades other than X.
Example - / Needs a text alternative for video-only of training instructions.
=============================================================================================================
Tools Used:
Fangs - A Firefox open source screen reader emulator - http://www.standards-schmandards.com/projects/fangs W3C Validator - W3c.org schema validator - http://validator.w3.org Manual Review - Review via manual methods. Contrast Ratio Analyzer - http://juicystudio.com/services/luminositycontrastratio.php#specify
=============================================================================================================
Test Links:
Provides in-depth discussion of all tests.
Text Alternatives (1.1) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all
Time Based Media (1.2) http://www.w3.org/TR/2008/REC-WCAG20-20081211/#media-equiv
Adaptable (1.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation.html
Distinguishable (1.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast.html
Keyboard Accessible (2.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html
Enough Time (2.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html
Siezures (2.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure.html
Navigable (2.4) http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms.html Readable (3.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html Predictable (3.2) http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html
Input Assistance (3.3) http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error.html
Compatible (4.1) http://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat.html
===========================================================================================================================
Tests:
Non-Text Content (1.1.1)
Provides text alternatives for:
Controls - Controls with images should have a text alternative
Time-based Media - At least a description of the media.
Test - If it is a test and exact text would yield the answer then a description is provide.
Sensory - Non text content that is sensory has a description provided.
CAPTCHA - Non text CAPTCHA content has a description provided.
Decoration, Formatting, Invisible - No text is needed
Tool: Manual Review
Results - X
Audio-only and Video-only (Prerecorded) (1.2.1)
Audio Only has a transcript or similar provided.
Video Only has an audio track describing it.
Tool: Manual Review
Results - N No prerecorded media
Captions (Prerecorded) (1.2.2)
Has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No prerecorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No prerecorded media
Audio Description or Media Alternative (Prerecorded) (1.2.3)
Media has a narration in voice or text describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No prerecorded media
Info and Relationships (1.3.1)
When a color has a meaning, there is also a text representation of that color.
When a font change within a context (size, bold, italics, etc) is representative of meaning
that meaning needs to be conveyed by adaptive means as well.
Tool: Screen Reader
Results - X
Meaningful Sequence (1.3.2)
Verify that the visual presentation of the page matches the screen reader presentation.
Tool: Screen Reader
Results - X
Sensory Characteristics Sequence (1.3.3)
Instructions provided for understanding and operating content do not rely solely on
sensory characteristics of components such as shape, size, visual location, orientation, or sound
Tool: Manual Review
Results - X
Use of Color (1.4.1)
Color is not used as the only visual means of conveying information,
indicating an action, prompting a response, or distinguishing a visual element.
Tool: Manual Review
Results - X
Audio Control (1.4.2)
If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism
is available to pause or stop the audio, or a mechanism is available to control audio volume independently
from the overall system volume level.
Tool: Manual Review
Results - N no audio was present
Keyboard Accessible (2.1.1)
All content is accessible through the keyboard except where the underlying function requires input that depends
on the path of the user's movement and not just the endpoints.
Tool: Manual Review
Results - X
No Keyboard Trap (2.1.2)
If focus can be set on a control from the keyboard, then focus can also be removed from that control via keyboard.
If it is by other than arrows or tab the user should be instructed as to how.
Tool: Manual Review
Results - X
Timing Adjustable (2.2.1)
For events that are timed. The time limit must be adjustable. Exception is real time, essential need or >20 hours.
Tool: Manual Review
Results - N No timed events were noted.
Pause, Stop, Hide (2.2.2)
For moving, blinking, scrolling, or auto-updating information, there is a provision to pause, stop or hide it.
Tool: Manual Review
Results - N No moving or auto updating information was noted.
Three Flashes or Below Threshold (2.3.1)
Web pages do not contain anything that flashes more than three times in any one second period
or the flash is below the general flash and red flash thresholds
Tool: Manual Review
Results - N No flashing elements on any pages
Bypass Blocks (2.4.1)
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
Tool: Manual Review
Results - N No repeating content was noted.
Page Titled (2.4.2)
Web pages have titles that describe topic or purpose.
Tool: Manual Review
Results - X
Focus Ordered (2.4.3)
Tab order preserves meaning and operability.
Tool: Manual Review
Results - X
Link Purpose (2.4.4)
The purpose of each link can be determined from the link text alone.
Tool: Manual Review
Results - X
Language of Page (3.1.1)
The default human language of each Web page can be programmatically determined.
Tool: View Source - Look for lang="" in html element i.e. <html lang="en">
Results - X
On Focus (3.2.1)
When any component receives focus, it does not initiate a change of context.
Tool: Manual Review
Results - X
On Input (3.2.2)
Changing the setting of any user interface component does not automatically cause a change of context
unless the user has been advised of the behavior before using the component.
Tool: Manual Review
Results - / The non-10-digit cell phone number is accepted, i.e., "123".
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / The buttom "Download these contacts" on the top of contact pages will result in "RuntimeError in UsersController#vcards"
Labels or Instructions (3.3.2)
Labels or instructions are provided when content requires user input.
Tool: Manual Review
Results - X
Error Suggestion (3.3.3)
If an input error is automatically detected and suggestions for correction are known,
then the suggestions are provided to the user.
Tool: Manual Review
Results - X
Level AA
Captions (Live) (1.2.4)
Live Video has embedded captions or media has text already that does not need captions.
Tool: Manual Review
Results - N No live video in this application.
Audio Description (Prerecorded) (1.2.5)
Media has a narration in voice describing what is happening when nobody is speaking.
Tool: Manual Review
Results - N No media in this application
Contrast Minimum (1.4.3)
Text must have a minimum 4.5:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - X
Resize Text (1.4.4)
When text is re sized to 200%, it is still legible and the page is still functional
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Images of Text (1.4.5)
Text is user rather than images of text (except customizable image text or essential to presentation.
Tool: Manual Review
Results - N no images in this application
Multiple Ways (2.4.5)
More than one way is available to locate a Web page within a set of Web pages
except where the Web Page is the result of, or a step in, a process.
Tool: Manual Review
Results - X
Heading and Labels (2.4.6)
Heading and Labels describe Topic and Purpose.
Tool: Manual Review
Results - / Username "MOORE, PATRICIA" is capitalized while other usernames are not
Focus Visible (2.4.7)
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Tool: Manual Review
Results - X
Language of Page (3.1.2)
The human language of each passage or phrase different than the default content can be programmatically determined.
Tool: View Source - Look for lang="" in elements near change in language.
Results - N No change in languages noted.
Consistent Navigation (3.2.3)
Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages
occur in the same relative order each time they are repeated.
Tool: Manual Review
Results - X
Consistent Identification (3.2.4)
Components that have the same functionality within a set of Web pages are identified consistently.
Tool: Manual Review
Results - X
Error Prevention (Legal, Financial, Data) (3.3.4)
For Legal, financial or test submitions that modify or delete data,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - N No legal of financial was noted
Parsing (4.1.1)
In content implemented using markup languages, elements have complete start and end tags,
elements are nested according to their specifications,
elements do not contain duplicate attributes,
and any IDs are unique.
Tool: W3C Validator
Results - X
Name, Role, Value (4.1.2)
Only for custom controls. All html elements already meet this criteria.
For all user interface components, the name and role can be programmatically determined;
states, properties, and values that can be set by the user can be programmatically set;
and notification of changes to these items is available to user agents, including assistive technologies
Tool: Would have to look at the controls code.
Results - N No custom controls in this application
Level AAA
Sign Language (Prerecorded) (1.2.6)
Sign Language is provided for all prerecorded audio in media.
Tool: Manual Review
Results - N No sign language was noted
Extended Audio Description (P Rerecorded) (1.2.7)
When audio pauses are do not have enough time to add needed narration of video.
The video is paused and narrations are added.
Tool: Manual Review
Results - N No prerecorded audio
Media Alternative (Prerecorded) (1.2.8)
A text transcript of all video and audio is provided.
Tool: Manual Review
Results - N No prerecorded media
Audi-Only (Live) (1.2.9)
A text display of all live audio is provided.
Tool: Manual Review
Results - N No live audio
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Divider (Passes only AA) SiteWide.css - BreadCrumbs (Passes only AA)
Low or no Background Audio (1.4.7)
For Audio that is not music or logo, if there is background noise it can be turned off or is 20 db below foreground noise.
Tool: Manual Review
Results - N No audio in this application
Visual Presentation (1.4.8)
Concerning Blocks of Text:
1. Fore and back colors are selectable
2. Width is <= 80 characters
3. Test is no justified on both left and right.
4. Character spacing 1.5 min and line spacing 1.5 min.
5. Can be re sized to 200% and is readable with scrolling to the right.
Tool: Manual Review
Results - N No blocks of text were noted in this application.
Images of Text (1.4.9)
Only used for pure decoration.
Tool: Manual Review
Results - X
Keyboard Accessible (No Exception) (2.1.3)
All content is accessible through the keyboard.
Tool: Manual Review
Results - X
No Timing (2.2.3)
Timing is not an essential part of the event or activity presented by the content except synchronized media and real time.
Tool: Manual Review
Results - X
Interruptions (2.2.4)
Interruptions can be postponed or suppressed by the user except emergency.
Tool: Manual Review
Results - N No interruptions in this application
Reauthentication (2.2.5)
When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.
Tool: Manual Review
Results - X
Three Flashes (2.3.2)
Web pages do not contain anything that flashes more than three times in any one second period.
Tool: Manual Review
Results - X
Location (2.4.8)
Information about the user's location within a set of Web pages is available.
Tool: Manual Review
Results - X
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove user from group "[x]" on contacts page is not apparent until clicked.
Section Headings (2.4.10)
Section headings are used to organize the content.
Tool: Manual Review
Results - X
Unusual Words (3.1.3)
A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way.
Tool: Manual Review
Results - X
Abbreviations (3.1.5)
A mechanism for identifying the expanded form or meaning of abbreviations is available.
Tool: Manual Review
Results - N No abbreviations were noted.
Pronunciation (3.1.6)
A mechanism is available for identifying specific pronunciation of words where meaning of the words,
in context, is ambiguous without knowing the pronunciation.
Tool: Manual Review
Results - N Used only simple words
Change on Request (3.2.5)
Changes of context are initiated only by user request or a mechanism is available to turn off such changes.
Tool: Manual Review
Results - N No changes of context were noted.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.
Error Prevention (All) (3.3.6)
For Web pages that require the user to submit information,
at least one of the following available - 1.Its Reversible 2.Its Checked 3. It's Confirmed.
Tool: Manual Review
Results - X
Contacts Pages - Audit Summary
URL Audited - All in Contacts Controller Date - 10/19/2010 Browser and Version - Mozilla Firefox 3.6.10 Auditor - Chi Yi CAG 2.0 Rating for this url -
=============================================================================================================
This is a summary of results.
Full details are in the document named.WCAG - Collabbit - contact pages - Details.txt
=============================================================================================================
Test Summary:
Level A
Fully meet success criteria 14
Not applicable 9
Did not meet success criteria 2
Level AA
Fully meet success criteria 6
Not applicable 6
Did not meet success criteria 2
Level AAA
Fully meet success criteria 9
Not applicable 10
Did not meet success criteria 2
==============================================================================================================
Tests that did not meet success criteria:
On Input (3.2.2)
Changing the setting of any user interface component does not automatically cause a change of context
unless the user has been advised of the behavior before using the component.
Tool: Manual Review
Results - / The non-10-digit cell phone number is accepted, i.e., "123".
Error Identification (3.3.1)
If an input error is automatically detected, the item that is in error is identified
and the error is described to the user in text.
Tool: Manual Review
Results - / The buttom "Download these contacts" on the top of contact pages will result in "RuntimeError in UsersController#vcards"
Level AA
Resize Text (1.4.4)
When text is re sized to 200%, it is still legible and the page is still functional
Tool: Manual Review
Results - / Legible and functional but horizontal scrolling is needed.
Heading and Labels (2.4.6)
Heading and Labels describe Topic and Purpose.
Tool: Manual Review
Results - / Username "MOORE, PATRICIA" is capitalized while other usernames are not
Level AAA
Contrast(Enhanced) (1.4.6)
Text must have a minimum 7:1 contrast ratio with its background (except large text,logos or decorative).
Tool: Contrast Ratio Analyzer
Results - / SiteWide.css - Divider (Passes only AA) SiteWide.css - BreadCrumbs (Passes only AA)
Link Purpose (Link Only) (2.4.9)
A mechanism is available to allow the purpose of each link to be identified from link text alone,
Tool: Manual Review
Results - / Remove user from group "[x]" on contacts page is not apparent until clicked.
Help (3.3.5)
Context-sensitive help is available.
Tool: Manual Review
Results - O No context sensitive help was found.