TThe Basics

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Accessibility affects a wide range of people
• Some sites are required to have it, devs might not be aware
• Starting out accessible is easier than adding in accessibility

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*A List of Some Accessibility Concerns:

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Blindness
• Color-blindness
• Seizure disorders
• Motor control issues
• Migraines
• Anxiety disorders
• Deafness
• Autism
• ADHD

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*A Few Easy Fixes

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Color Contrast
• Don't rely on colors for information
• Closed Captioning (and/or Transcripts)
• alt tags
• Keeping focus states (!!!)
• Allow for zooming
• Don't use "flashy" colors or animations

*ALERTS: Possible heading**ALERTS: Possible heading**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**ALERTS: Possible heading* 

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Why Do You Need Accessibility?

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Regulations might require it
• You want a larger audience
• Accessibility makes all code better

*ALERTS: Possible heading**ALERTS: Possible heading**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**ALERTS: Possible heading*(if you need excuses)

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Regulations include...

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*
• Section 508 Regulations
• Section 504 Regulations

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Increased audience...

1/5 Americans are disabled, so accessibility concerns a large potential audience, but also:

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Many developers (and others) use keyboard navigation
• Parents, people learning languages, etc. use closed captions
• People appreciate not needing to pull out reading glasses

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*How to bring accessibility to your workplace

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• It's the right thing to do
• It increases audiences
• It looks good
• It might already be required or could end up being required

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Tools Others Use For Accessibility

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Assistive or Adaptive Technology
• Screen Readers
• Keyboard navigation
• Alternate mice/input tools

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Screen Readers

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Rely heavily on aria and alt tags
• Do not like a lot of 'popular' design choices, like infinite scroll
• JAWS (for Windows) is the most popular. Mac comes with its own. Chrome and other browsers also have them.

*STRUCTURAL ELEMENTS: Heading level 2* *STRUCTURAL ELEMENTS: Heading level 2**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Some Alternative Input Tools

*STRUCTURAL ELEMENTS: Unordered list* *STRUCTURAL ELEMENTS: Unordered list**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*

• Mice with trackpads, joysticks, larger buttons
• Eye tracking
• Sip-and-puff
• Head-motion tracking
• Foot pedals