Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Three Tips to Improve the Accessibility of Your Website

Three Tips to Improve the Accessibility of Your Website

Creating an accessible website means everyone can access the content on your site, no matter what language, software, or hardware they use. These three tips are steps you can take today to make your website more accessible to everyone.

Deborah Edwards-Onoro

February 09, 2014
Tweet

Other Decks in Design

Transcript

  1. Deborah Edwards-Onoro
    @redcrew
    Three Tips to Improve the Accessibility
    of Your Site
    Metro Detroit WordPress Meetup
    February 9, 2014

    View full-size slide

  2. Deborah Edwards-Onoro
    @redcrew
    What is an accessible website?

    View full-size slide

  3. Deborah Edwards-Onoro
    @redcrew
    Tim Berners-Lee, Inventor of the World Wide Web
    “The power of the Web is in its
    universality. Access by everyone
    regardless of disability is an essential
    aspect.”

    View full-size slide

  4. Deborah Edwards-Onoro
    @redcrew
    Tip #1: Add meaningful link text

    View full-size slide

  5. Deborah Edwards-Onoro
    @redcrew
    Use
    ❖Descriptive text, so
    purpose can be
    clearly understood
    ❖Text that can be
    understood out of
    context
    Avoid
    ❖“Click here”
    ❖“Read more”
    ❖“More info”

    View full-size slide

  6. Deborah Edwards-Onoro
    @redcrew
    Tip #2: Add appropriate alternative
    text to images

    View full-size slide

  7. Deborah Edwards-Onoro
    @redcrew
    Add appropriate
    descriptive text

    View full-size slide

  8. Deborah Edwards-Onoro
    @redcrew
    Tip #3: Add captions and transcripts to
    videos

    View full-size slide

  9. Deborah Edwards-Onoro
    @redcrew
    Captioning and Transcript Resources
    ❖YouTube: http://bit.ly/ytcaptions
    ❖Amara: http://bit.ly/acaptions
    ❖Cielo 24: http://bit.ly/cielo24cap
    ❖Automatic Sync: http://bit.ly/ascaptions
    ❖3PlayMedia: http://bit.ly/3pmcaptions

    View full-size slide

  10. Deborah Edwards-Onoro
    @redcrew
    Say hello
    Deborah Edwards-Onoro
    [email protected]
    Lireo Designs
    http://www.lireo.com/

    View full-size slide