Open nathankurt opened 6 years ago
A long-term goal is to make all SpartaHack websites WCAG AA compliant.
[ ] 1.1.1 – Non-text Content | Provide text alternatives for non-text content
[ ] 1.2.1 – Audio-only and Video-only (Pre-recorded) | Provide an alternative to video-only and audio-only content
[ ] 1.2.2 – Captions (Pre-recorded) | Provide captions for videos with audio
[ ] 1.2.3 – Audio Description or Media Alternative (Pre-recorded) | Video with audio has a second alternative
[ ] 1.3.1 – Info and Relationships | Logical structure
[ ] 1.3.2 – Meaningful Sequence | Present content in a meaningful order
[ ] 1.3.3 – Sensory Characteristics | Use more than one sense for instructions
[x] 1.4.1 – Use of Colour | Don’t use presentation that relies solely on colour
[x] 1.4.2 – Audio Control | Don’t play audio automatically
[ ] 2.1.1 – Keyboard | Accessible by keyboard only
[ ] 2.1.2 – No Keyboard Trap | Don’t trap keyboard users
[ ] 2.2.1 – Timing Adjustable | Time limits have user controls
[ ] 2.2.2 – Pause, Stop, Hide | Provide user controls for moving content
[ ] 2.3.1 – Three Flashes or Below | No content flashes more than three times per second
[ ] 2.4.1 – Bypass Blocks | Provide a ‘Skip to Content’ link
[ ] 2.4.2 – Page Titled | Use helpful and clear page titles
[ ] 2.4.3 – Focus Order | Logical order
[ ] 2.4.4 – Link Purpose (In Context) | Every link’s purpose is clear from its context
[ ] 3.1.1 – Language of Page | Page has a language assigned
[ ] 3.2.1 – On Focus | Elements do not change when they receive focus
[ ] 3.2.2 – On Input | Elements do not change when they receive input
[ ] 3.3.1 – Error Identification | Clearly identify input errors
[ ] 3.3.2 – Labels or Instructions | Label elements and give instructions
[x] 4.1.1 – Parsing | No major code errors
[ ] 4.1.2 – Name, Role, Value | Build all elements for accessibility
[ ] 1.2.4 – Captions (Live) | Live videos have captions
[ ] 1.2.5 – Audio Description (Pre-recorded) | Users have access to audio description for video content
[ ] 1.4.3 – Contrast (Minimum) | Contrast ratio between text and background is at least 4.5:1
[ ] 1.4.4 – Resize Text | Text can be resized to 200% without loss of content or function
[x] 1.4.5 – Images of Text | Don’t use images of text
[ ] 2.4.5 – Multiple Ways | Offer several ways to find pages
[ ] 2.4.6 – Headings and Labels | Use clear headings and labels
[ ] 2.4.7 – Focus Visible | Ensure keyboard focus is visible and clear
[ ] 3.1.2 – Language of Parts | Tell users when the language on a page changes
[ ] 3.2.3 – Consistent Navigation | Use menus consistently
[ ] 3.2.4 – Consistent Identification | Use icons and buttons consistently
[ ] 3.3.3 – Error Suggestion | Suggest fixes when users make errors
[ ] 3.3.4- Error Prevention (Legal, Financial, Data) | Reduce the risk of input errors for sensitive data
[ ] 1.2.6 – Sign Language (Pre-recorded) | Provide sign language translations for videos
[ ] 1.2.7 – Extended Audio description (Pre-recorded) | Provide extended audio description for videos
[ ] 1.2.8 – Media Alternative (Pre-recorded) | Provide a text alternative to videos
[ ] 1.2.9 – Audio Only (Live) | Provide alternatives for live audio
[x] 1.4.6 – Contrast (Enhanced) | Contrast ratio between text and background is at least 7:1
[x] 1.4.7 – Low or No Background Audio | Audio is clear for listeners to hear
[ ] 1.4.8 – Visual Presentation | Offer users a range of presentation options
[x] 1.4.9 – Images of Text (No Exception) | Don’t use images of text
[ ] 2.1.3 – Keyboard (No Exception) | Accessible by keyboard only, without exception
[ ] 2.2.3 – No Timing | No time limits
[ ] 2.2.4 – Interruptions | Don’t interrupt users
[ ] 2.2.5 – Re-authenticating | Save user data when re-authenticating
[ ] 2.3.2 – Three Flashes | No content flashes more than three times per second
[ ] 2.4.8 – Location | Let users know where they are
[ ] 2.4.9 – Link Purpose (Link Only) | Every link’s purpose is clear from its text
[ ] 2.4.10 – Section Headings | Break up content with headings
[ ] 3.1.3 – Unusual words | Explain any strange words
[ ] 3.1.4 – Abbreviations | Explain any abbreviations
[ ] 3.1.5 – Reading Level | Users with nine years of school can read your content
[ ] 3.1.6 – Pronunciation | Explain any words that are hard to pronounce
[ ] 3.2.5 – Change on Request | Don’t change elements on your website until users ask
[ ] 3.3.5 – Help | Provide detailed help and instructions
[ ] 3.3.6 – Error Prevention (All) | Reduce the risk of all input errors
Passes: colorblindness views: the only one that might be an issue is for people who are colorblind this way (Red-Blind/Protanopia) Not all of the accessibility applies in our situation.
A long-term goal is to make all SpartaHack websites WCAG AA compliant.
Guidlines Checklist
Level A Compliance
[ ] 1.1.1 – Non-text Content | Provide text alternatives for non-text content
[ ] 1.2.1 – Audio-only and Video-only (Pre-recorded) | Provide an alternative to video-only and audio-only content
[ ] 1.2.2 – Captions (Pre-recorded) | Provide captions for videos with audio
[ ] 1.2.3 – Audio Description or Media Alternative (Pre-recorded) | Video with audio has a second alternative
[ ] 1.3.1 – Info and Relationships | Logical structure
[ ] 1.3.2 – Meaningful Sequence | Present content in a meaningful order
[ ] 1.3.3 – Sensory Characteristics | Use more than one sense for instructions
[x] 1.4.1 – Use of Colour | Don’t use presentation that relies solely on colour
[x] 1.4.2 – Audio Control | Don’t play audio automatically
[ ] 2.1.1 – Keyboard | Accessible by keyboard only
[ ] 2.1.2 – No Keyboard Trap | Don’t trap keyboard users
[ ] 2.2.1 – Timing Adjustable | Time limits have user controls
[ ] 2.2.2 – Pause, Stop, Hide | Provide user controls for moving content
[ ] 2.3.1 – Three Flashes or Below | No content flashes more than three times per second
[ ] 2.4.1 – Bypass Blocks | Provide a ‘Skip to Content’ link
[ ] 2.4.2 – Page Titled | Use helpful and clear page titles
[ ] 2.4.3 – Focus Order | Logical order
[ ] 2.4.4 – Link Purpose (In Context) | Every link’s purpose is clear from its context
[ ] 3.1.1 – Language of Page | Page has a language assigned
[ ] 3.2.1 – On Focus | Elements do not change when they receive focus
[ ] 3.2.2 – On Input | Elements do not change when they receive input
[ ] 3.3.1 – Error Identification | Clearly identify input errors
[ ] 3.3.2 – Labels or Instructions | Label elements and give instructions
[x] 4.1.1 – Parsing | No major code errors
[ ] 4.1.2 – Name, Role, Value | Build all elements for accessibility
Level AA Compliance
[ ] 1.2.4 – Captions (Live) | Live videos have captions
[ ] 1.2.5 – Audio Description (Pre-recorded) | Users have access to audio description for video content
[ ] 1.4.3 – Contrast (Minimum) | Contrast ratio between text and background is at least 4.5:1
[ ] 1.4.4 – Resize Text | Text can be resized to 200% without loss of content or function
[x] 1.4.5 – Images of Text | Don’t use images of text
[ ] 2.4.5 – Multiple Ways | Offer several ways to find pages
[ ] 2.4.6 – Headings and Labels | Use clear headings and labels
[ ] 2.4.7 – Focus Visible | Ensure keyboard focus is visible and clear
[ ] 3.1.2 – Language of Parts | Tell users when the language on a page changes
[ ] 3.2.3 – Consistent Navigation | Use menus consistently
[ ] 3.2.4 – Consistent Identification | Use icons and buttons consistently
[ ] 3.3.3 – Error Suggestion | Suggest fixes when users make errors
[ ] 3.3.4- Error Prevention (Legal, Financial, Data) | Reduce the risk of input errors for sensitive data
Level AAA Compliance
[ ] 1.2.6 – Sign Language (Pre-recorded) | Provide sign language translations for videos
[ ] 1.2.7 – Extended Audio description (Pre-recorded) | Provide extended audio description for videos
[ ] 1.2.8 – Media Alternative (Pre-recorded) | Provide a text alternative to videos
[ ] 1.2.9 – Audio Only (Live) | Provide alternatives for live audio
[x] 1.4.6 – Contrast (Enhanced) | Contrast ratio between text and background is at least 7:1
[x] 1.4.7 – Low or No Background Audio | Audio is clear for listeners to hear
[ ] 1.4.8 – Visual Presentation | Offer users a range of presentation options
[x] 1.4.9 – Images of Text (No Exception) | Don’t use images of text
[ ] 2.1.3 – Keyboard (No Exception) | Accessible by keyboard only, without exception
[ ] 2.2.3 – No Timing | No time limits
[ ] 2.2.4 – Interruptions | Don’t interrupt users
[ ] 2.2.5 – Re-authenticating | Save user data when re-authenticating
[ ] 2.3.2 – Three Flashes | No content flashes more than three times per second
[ ] 2.4.8 – Location | Let users know where they are
[ ] 2.4.9 – Link Purpose (Link Only) | Every link’s purpose is clear from its text
[ ] 2.4.10 – Section Headings | Break up content with headings
[ ] 3.1.3 – Unusual words | Explain any strange words
[ ] 3.1.4 – Abbreviations | Explain any abbreviations
[ ] 3.1.5 – Reading Level | Users with nine years of school can read your content
[ ] 3.1.6 – Pronunciation | Explain any words that are hard to pronounce
[ ] 3.2.5 – Change on Request | Don’t change elements on your website until users ask
[ ] 3.3.5 – Help | Provide detailed help and instructions
[ ] 3.3.6 – Error Prevention (All) | Reduce the risk of all input errors