*STRUCTURAL ELEMENTS: Heading level 1* *STRUCTURAL ELEMENTS: Heading level 1**HTML5 AND ARIA: ARIA tabindex**FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 1*Accessibility for the Modern Web

HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*

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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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* 

HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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 headingALERTS: Possible headingHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*ALERTS: Possible heading*ALERTS: Possible headingHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*ALERTS: Possible heading*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**ALERTS: Possible heading*(if you need excuses)

HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Regulations include...

    STRUCTURAL ELEMENTS: Unordered list STRUCTURAL ELEMENTS: Unordered listHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Unordered list* STRUCTURAL ELEMENTS: Unordered listHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Unordered list*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*
  • Section 508 Regulations
  • Section 504 Regulations
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*CONTRAST ERRORS: Very Low Contrast**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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.
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*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
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Screen Readers:

    STRUCTURAL ELEMENTS: Unordered list STRUCTURAL ELEMENTS: Unordered listHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Unordered list* STRUCTURAL ELEMENTS: Unordered listHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Unordered list*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**STRUCTURAL ELEMENTS: Unordered list*
  • Bullet One
  • Bullet Two
  • Bullet Three
HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**HTML5 AND ARIA: ARIA*HTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*CONTRAST ERRORS: Very Low Contrast**aria-hidden="true"*HTML5 AND ARIA: ARIAHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA**aria-hidden="true"*HTML5 AND ARIA: ARIA*aria-hidden="true"*

STRUCTURAL ELEMENTS: Heading level 2 STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2* STRUCTURAL ELEMENTS: Heading level 2HTML5 AND ARIA: ARIA tabindexALERTS: Redundant alternative text*STRUCTURAL ELEMENTS: Heading level 2*HTML5 AND ARIA: ARIA tabindexHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*HTML5 AND ARIA: ARIA tabindex*FEATURES: Alternative textHTML5 AND ARIA: ARIA tabindexFEATURES: Alternative text*FEATURES: Alternative text**STRUCTURAL ELEMENTS: Heading level 2*Resources




  • https://www.w3.org/WAI/
  • http://a11yproject.com/
  • JAWS free trial
  • WAVE extension (Web Accessibility Evalution Tool)
  • Chrome Accessibility Dev Tools
  • NoCoffee Vision Simulator

*aria-label="false", aria-describedby="cke_565"*

*aria-label="false", aria-describedby="cke_58"*

HTML5 AND ARIA: ARIA*aria-hidden="true"*

Accessibility for the Modern Web

By Lindsey Dragun

Accessibility for the Modern Web

  • 339