Accessibility Toolkit

From Emergency 2.0 Wiki

(Difference between revisions)
Jump to: navigation, search
m (Twitter)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
[[Main Page]] |  [[Accessibility Toolkit]]
[[Main Page]] |  [[Accessibility Toolkit]]
-
{{under development}}
 
{{Infobox
{{Infobox
|title        = Contributor Info
|title        = Contributor Info
Line 8: Line 7:
|label2  = Additional Contributors
|label2  = Additional Contributors
}}
}}
-
The [[Reference Groups | Accessibility Reference Group]] will be managing the development of content for this section and will be a point of contact for questions or help.
 
-
 
-
This page is under construction
 
   
   
-
[[File:Disability symbols.png| thumbnail | right |Disability Symbol. Image courtesy Wikimedia Commons [http://commons.wikimedia.org/wiki/File:Disability_symbols.svg]]]
+
[[File:Disability symbols.png| thumbnail | right |Disability Symbols. Image courtesy Wikimedia Commons [http://commons.wikimedia.org/wiki/File:Disability_symbols.svg]]]
== Introduction ==
== Introduction ==
   
   
-
The Emergency 2.0 Wiki Accessibility Toolkit was developed to empower the disabled community to use social media for disaster preparedness, response and recovery. This toolkit was developed in response to the fact that not all people with a disability are able to access life saving messages delivered through social media due to the accessibility challenges that the tools currently pose.  
+
The Emergency 2.0 Wiki Accessibility Toolkit was developed to empower people with disabilities to use social media for disaster preparedness, response and recovery. This toolkit was developed in response to the fact that not all people with a disability are able to access life saving messages delivered through social media due to the accessibility challenges that the tools currently pose.  
The online toolkit provides tips, resources and apps to assist people with a disability to overcome accessibility challenges of social media.  
The online toolkit provides tips, resources and apps to assist people with a disability to overcome accessibility challenges of social media.  
-
The kit also includes guidelines for emergency agencies and government.
+
The kit also includes practical guidelines to assist the emergency sector, government, community, media and business to make social media messages more accessible.
 +
 
 +
'''Please note that to receive emergency information and updates, social media should be used in addition to the radio, TV, internet, and other communication such as subscribing to SMS messages.'''
 +
 
 +
The [[Reference Groups | Accessibility Reference Group]] manage the development of this toolkit. They welcome suggestions for new content.  
Line 28: Line 28:
Tips to help overcome Twitter's accessibility issues:  
Tips to help overcome Twitter's accessibility issues:  
   
   
-
*[http://www.easychirp.com/ Easy Chirp]: an alternative Twitter portal which enables tweets to be read with assistive technologies such as a screen reader. * [http://support.twitter.com/ Twitter Help Center]: a good resource for using Twitter.
 
* Mobile apps: there are a wealth of accessible Twitter-related mobile apps on iOS-based devices such as the iPhone and the iPad. Apps include the main Twitter app, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro.  
* Mobile apps: there are a wealth of accessible Twitter-related mobile apps on iOS-based devices such as the iPhone and the iPad. Apps include the main Twitter app, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro.  
* [http://m.twitter.com Mobile Twitter website]: another alternative portal is the mobile site m.twitter.com.   
* [http://m.twitter.com Mobile Twitter website]: another alternative portal is the mobile site m.twitter.com.   
*Twitter apps: Accessible Twitter apps for iPhone, iPod Touch and iPad include include the main Twitter app itself, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro (links via [http://applevis.com Applvis website]).  
*Twitter apps: Accessible Twitter apps for iPhone, iPod Touch and iPad include include the main Twitter app itself, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro (links via [http://applevis.com Applvis website]).  
 +
* [http://support.twitter.com/ Twitter Help Center]: a good resource for using Twitter.
Additional resources:
Additional resources:
Line 37: Line 37:
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-TWITTER-%C3%A3%C3%86.pdf Sociability: tips for Twitter (PDF 164 KB)]
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-TWITTER-%C3%A3%C3%86.pdf Sociability: tips for Twitter (PDF 164 KB)]
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Twitter.doc Sociability: tips for Twitter (Word 70 KB)]
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Twitter.doc Sociability: tips for Twitter (Word 70 KB)]
 +
 +
 +
====EasyChirp - Web accessibility for Twitter website====
 +
 +
[http://www.easychirp.com/ Easy Chirp] is a web-accessible alternative to the Twitter.com website. It is designed to be simple to use and is optimized for people who are disabled. It also works with keyboard-only, older browsers like IE8, lowband internet connection, and without JavaScript.
 +
 +
Additional resources:
 +
*[http://www.easychirp.com/tips EasyChirp Tips & Access Keys]
 +
*[http://en.wikipedia.org/wiki/Easy_Chirp EasyChirp on Wikipedia]
 +
*[https://twitter.com/EasyChirp EasyChirp on Twitter]
===Facebook===  
===Facebook===  
Line 57: Line 67:
Tips to help overcome YouTube's accessibility issues:
Tips to help overcome YouTube's accessibility issues:
-
* Accessible YouTube players: websites such as [http://povidi.com/yourtube/ Accessible YouTube], [http://icant.co.uk/easy-youtube/ Easy YouTube] and [http://tube.majestyc.net/ Accessible Interface to YouTube]provide screen reader-friendly websites for playing back YouTube videos.  
+
* Accessible YouTube players: websites such as [http://povidi.com/yourtube/ Accessible YouTube], [http://icant.co.uk/easy-youtube/ Easy YouTube], [http://accessyoutube.org.uk/ Access:YouTube] and [http://tube.majestyc.net/ Accessible Interface to YouTube]provide screen reader-friendly websites for playing back YouTube videos.  
* [https://itunes.apple.com/en/app/youtube/id544007664?mt=8 YouTube app]: the YouTube app for iPhone, iPod Touch and iPad works with the VoiceOver screen reader.
* [https://itunes.apple.com/en/app/youtube/id544007664?mt=8 YouTube app]: the YouTube app for iPhone, iPod Touch and iPad works with the VoiceOver screen reader.
* Captions: if a YouTube video is captioned, a ‘CC’ button will be available in the bottom right-hand corner of the video. Select this and captions should appear.  
* Captions: if a YouTube video is captioned, a ‘CC’ button will be available in the bottom right-hand corner of the video. Select this and captions should appear.  
Line 99: Line 109:
== Practical guidelines for emergency sector, government, community and business to make social media messages more accessible ==
== Practical guidelines for emergency sector, government, community and business to make social media messages more accessible ==
 +
[[Social Media Accessibility Guidelines]]
[[Social Media Accessibility Guidelines]]
-
 
+
<br>
-
===Create social media accessibility tips and resources for people with disabilities===
+
These accessibility guidelines are provided to assist the emergency sector, government, community, media and business to make social media messages more accessible. Topics include:
-
 
+
<br>
-
It is recommended that agencies create their own 'social media accessibility tips' on their own sites which include information on or links to the following resources for people with disabilities:
+
- Creating tips and resources for people with disabilities
-
 
+
<br>
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-TWITTER-%C3%A3%C3%86.pdf Sociability: tips for Twitter (PDF 164 KB)]
+
- Twitter
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Twitter.doc Sociability: tips for Twitter (Word 70 KB)]
+
<br>
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-FB-%C3%A3%C3%86.pdf Sociability: tips for Facebook (PDF 137 KB)]
+
- Facebook
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Facebook.doc Sociability: tips for Facebook (Word 68 KB)]
+
<br>
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-Youtube-%C3%A3%C3%86.pdf Sociability: tips for YouTube (PDF 164 KB)]
+
- YouTube
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20YouTube.doc Sociability: tips for YouTube (Word 72 KB)]
+
<br>
-
 
+
- Blogging tools
-
===Twitter===
+
-
 
+
-
Twitter is very inaccessible for assistive technology users. Agencies are encouraged to provide advice on the following options that have assisted people in navigating around these issues:
+
-
+
-
* Easy Chirp: an alternative Twitter portal at [http://www.easychirp.com/ Easy Chirp]
+
-
* [http://support.twitter.com/ Twitter Help Center]: a good resource for using Twitter.
+
-
* Mobile apps: there are a wealth of accessible Twitter-related mobile apps on iOS-based devices such as the iPhone and the iPad. Apps include the main Twitter app, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro.  
+
-
* Disability-related support: many disability groups and users of assistive technology use Twitter and can be contacted by sending tweets for additional community help including [http://www.mediaaccess.org.au/ Media Access Australia] (@mediaaccessaus) and [http://accan.org.au/ ACCAN] (@accan_au).
+
-
 
+
-
See also:
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-TWITTER-%C3%A3%C3%86.pdf Sociability: tips for Twitter (PDF 164 KB)]
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Twitter.doc Sociability: tips for Twitter (Word 70 KB)]
+
-
 
+
-
 
+
-
===Facebook===
+
-
 
+
-
====Adding a caption to Facebook photos====
+
-
For people who are blind or vision impaired, adding a caption to a photo will enable screen readers to read out information about the photo. To add a caption:
+
-
# Go to your Home page.
+
-
# Select the ‘Photo’ option.
+
-
# Select the album that has the photos you wish to add captions to.
+
-
# While viewing a photo, select the ‘Add a caption’ option located beneath the photo.
+
-
# Enter the text you wish to use to describe the photo in the box provided.
+
-
# Select the ‘Save’ button.
+
-
 
+
-
====Caption support for Facebook video====
+
-
 
+
-
Unfortunately there is no support for captions when videos are uploaded to Facebook. People who are Deaf or hearing impaired have suggested that if you want to share a video, upload it to YouTube and caption it there, then put the link to the clip on your Wall. The video will then embed with the ‘cc’ icon highlighted in red.
+
-
 
+
-
See also:
+
-
*[http://www.facebook.com/help/141636465971794/ Facebook Accessibility help]
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-FB-%C3%A3%C3%86.pdf Sociability: tips for Facebook (PDF 137 KB)]
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20Facebook.doc Sociability: tips for Facebook (Word 68 KB)]
+
-
 
+
-
===YouTube===
+
-
 
+
-
====Requesting autocaptioning for your YouTube video====
+
-
 
+
-
YouTube has the ability to automatically caption videos that contain English using its own speech recognition software. While the captions may not be entirely accurate, it can save a lot of time and the file that contains the captions can be downloaded for editing.
+
-
 
+
-
To request YouTube to caption your video:
+
-
# Sign into your YouTube account.
+
-
# Upload your YouTube video.
+
-
# In the Captions and Subtitles pane, select the ‘Request Processing’ option.
+
-
# Periodically check to see if the captions have been added. The process generally takes 24 hours but may take longer. 
+
-
 
+
-
====Downloading YouTube captions for further editing====
+
-
 
+
-
Once your YouTube video has captions, you may wish to download the captions and use an editor to tidy them up.
+
-
 
+
-
To download the captions:
+
-
# Sign into your YouTube account.
+
-
# In the Captions and Subtitles pane, look for the track you wish to download. If you have used automated captions, it
+
-
may be called ‘English: Machine Transcription’. Select the Download button next to that track.
+
-
# A file called ‘captions.sbv’ will be downloaded and saved to your device. This is a text file that contains the captions and timecode information which can be used in other captioning software.
+
-
 
+
-
====Creating or editing captions for YouTube video====
+
-
+
-
If you wish to create captions for your video from scratch, or you would like to edit your existing YouTube captions, there are a number of free tools which can help:
+
-
+
-
* Overstream: a popular webbased captioning tool
+
-
* CaptionTube: a web-based captioning tool designed specifically for YouTube
+
-
* MAGpie: a free Windows application from the National Center For Accessible Media
+
-
 
+
-
Tutorials and resources for Overstream, CaptionTube and MAGpie:
+
-
* [http://www.overstream.net/index.php Overstream] website
+
-
* [http://captiontube.appspot.com/ CaptionTube] website
+
-
* [http://webaim.org/techniques/captions/software MAGpie] on the WebAIM website
+
-
 
+
-
====Uploading captions to YouTube====
+
-
+
-
To upload a caption file to your video:
+
-
 
+
-
# Sign into your YouTube account.
+
-
# In the Captions and Subtitles pane, select the ‘Add captions’ option.
+
-
# Select the ‘browse’ option and locate the captioned file.
+
-
# Select ‘Upload File’.
+
-
 
+
-
See also:
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-TipSheet-Youtube-%C3%A3%C3%86.pdf Sociability: tips for YouTube (PDF 164 KB)]
+
-
*[http://www.mediaaccess.org.au/sites/default/files/files/Sociability%20Tips%20for%20YouTube.doc Sociability: tips for YouTube (Word 72 KB)]
+
-
 
+
-
===Blogging tools===
+
-
 
+
-
====Choose a simple blog template====
+
-
 
+
-
Most blogging tools provide a number of different templates to make your blog look unique. Consider using a template that only has one column with a simple layout. This will be helpful for people using assistive technologies to access your blog.
+
-
 
+
-
====Choose your font carefully====
+
-
 
+
-
There are often many different fonts to choose from. Consider using a sansserif font like Arial and make the font a standard size. If you have the ability to choose how the font is represented in HTML code, select a font size that is variable like ‘em’ rather than a
+
-
fixed font size like points or pixels.
+
-
 
+
-
====Open links in the same window====
+
-
 
+
-
A common accessibility issue faced by bloggers is making a link that opens in a new window. Bloggers often prefer this option as it opens a new
+
-
website while still keeping the blog on the screen. However, for people using assistive technologies a new window opening can make it very confusing. Allow users to go to your link without opening a new window as the user can always return to your blog using the ‘back’ button in their web browser.
+
-
 
+
-
====Label links====
+
-
 
+
-
When sharing a website link in your blog, make sure that the link is labelled with a description. Text such as ‘click here’ can make it difficult for people using screen readers to understand the nature of the link. A full description such as ‘the digital technology section on the Media Access Australia website’ will make it easier for people with disabilities visiting your blog to understand the nature of the content.
+
-
 
+
-
====Describe your images using alternative text====
+
-
 
+
-
In order to make sure that your images are accessible, add some alternative text to them. In many tools the user is prompted to enter some text about an image when an image is added, but for people using the Blogger tool in BlogSpot they will need to follow some additional instructions. 
+
-
+
-
====Provide a link to videos rather than embedding them====
+
-
 
+
-
It is often difficult to embed a video in your blog and maintain the accessibility features of the video, such as captions. Embedded videos can also provide challenges to screen reader users who try to play videos using inaccessible controls. By providing a link to the video rather than embedding the video, users can go directly to a website that contains a potentially accessible version of the video. Examples include the accessible YouTube players and YouTube captioned video. Alternatively, if providing a link and embedding a video, provide the link first.
+
-
 
+
-
====Adding captioned video from YouTube====
+
-
 
+
-
See [[#YouTube_2|YouTube section]].
+
-
 
+
-
====Directing screen reader users to view videos through an accessible YouTube portal====
+
-
 
+
-
See [[#YouTube_2|YouTube section]].
+
==Country specific accessibility resources==
==Country specific accessibility resources==
===United States===
===United States===
 +
 +
*[http://www.howto.gov/social-media/using-social-media-in-government/improving-accessibility Improving the Accessibility of Social Media in Government via HowTo.gov]
*[http://www.disability.gov/ Disability.gov] - The federal government website for comprehensive information on disability programs and services in communities nationwide.
*[http://www.disability.gov/ Disability.gov] - The federal government website for comprehensive information on disability programs and services in communities nationwide.
Line 259: Line 155:
*Sociability: Social Media for people with a disability by Media Access Australia [http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-%20Report-OnlineVersion.pdf]
*Sociability: Social Media for people with a disability by Media Access Australia [http://www.mediaaccess.org.au/sites/default/files/files/MAA2657-%20Report-OnlineVersion.pdf]
-
*
+
 
-
*
+
*[http://www.howto.gov/social-media/using-social-media-in-government/improving-accessibility Improving the Accessibility of Social Media in Government via US Government site HowTo.gov]

Current revision as of 00:05, 23 June 2014

Main Page | Accessibility Toolkit

Contributor Info
Reference Groups Accessibility
Disability Symbols. Image courtesy Wikimedia Commons [1]


Contents

Introduction

The Emergency 2.0 Wiki Accessibility Toolkit was developed to empower people with disabilities to use social media for disaster preparedness, response and recovery. This toolkit was developed in response to the fact that not all people with a disability are able to access life saving messages delivered through social media due to the accessibility challenges that the tools currently pose.

The online toolkit provides tips, resources and apps to assist people with a disability to overcome accessibility challenges of social media.

The kit also includes practical guidelines to assist the emergency sector, government, community, media and business to make social media messages more accessible.

Please note that to receive emergency information and updates, social media should be used in addition to the radio, TV, internet, and other communication such as subscribing to SMS messages.

The Accessibility Reference Group manage the development of this toolkit. They welcome suggestions for new content.


Tips and Guides for people with a disability on how to access social media

Twitter

Tips to help overcome Twitter's accessibility issues:

  • Mobile apps: there are a wealth of accessible Twitter-related mobile apps on iOS-based devices such as the iPhone and the iPad. Apps include the main Twitter app, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro.
  • Mobile Twitter website: another alternative portal is the mobile site m.twitter.com.
  • Twitter apps: Accessible Twitter apps for iPhone, iPod Touch and iPad include include the main Twitter app itself, Twitterrific, Twittelator for iPad, Tweetosaurus, Tweetero and TweetList Pro (links via Applvis website).
  • Twitter Help Center: a good resource for using Twitter.

Additional resources:


EasyChirp - Web accessibility for Twitter website

Easy Chirp is a web-accessible alternative to the Twitter.com website. It is designed to be simple to use and is optimized for people who are disabled. It also works with keyboard-only, older browsers like IE8, lowband internet connection, and without JavaScript.

Additional resources:

Facebook

Tips to help overcome Facebook's accessibility issues:

  • Mobile Facebook website: if the main Facebook website proves too difficult to use try the mobile site m.facebook.com.
  • Facely HD app: if you use an iPhone, iPod Touch or iPad, this app provides Facebook access that works with the Voiceover screen reader.
  • Keyboard shortcuts: the Facebook website has some additional keyboard shortcuts available.
  • Finding friends: one potential barrier for blind or vision impaired users is finding friends without being able to see their photo. it’s helpful to know that the first search results will be people who live closest to you or have friends in common with you and are more likely to be the correct person.
  • Captions for photos: photo descriptions are helpful for screen reader users and can be added by using the ‘add a caption’ option beneath an image.

Additional resources:

YouTube

Tips to help overcome YouTube's accessibility issues:

  • Accessible YouTube players: websites such as Accessible YouTube, Easy YouTube, Access:YouTube and Accessible Interface to YouTubeprovide screen reader-friendly websites for playing back YouTube videos.
  • YouTube app: the YouTube app for iPhone, iPod Touch and iPad works with the VoiceOver screen reader.
  • Captions: if a YouTube video is captioned, a ‘CC’ button will be available in the bottom right-hand corner of the video. Select this and captions should appear.
  • Requesting auto-captions for your video: YouTube has the ability to automatically caption videos. after uploading your video, go to the captions and Subtitles pane and select the 'Request Processing' button. The captions are generally completed within 24 hours.
  • Editing captions: The auto-captions service, while helpful, is not always accurate. Free online applications such as overstream and captiontube provide a way to create and edit captions.

Additional resources:

Emergency smartphone apps for people with a disability



Emergency smartphone apps for people with a disability
These apps are provided to help people with a disability to prepare for, respond to and recover from emergencies.



Emergency preparedness You Tube videos (captioned,using sign language or voice over)



Videos for people with a disability
These videos links are provided to help people with a disability to prepare for, respond to and recover from emergencies including:
- Natural disasters and severe weather events such as flood, storm surge, cyclone, hurricane, tornado, bushfire, earthquake and blizzard
- Manmade emergencies such as a train/bus/plane crash, gas leak/chemical spill//nuclear event and terrorism
- Health emergencies such as pandemics




Practical guidelines for emergency sector, government, community and business to make social media messages more accessible

Social Media Accessibility Guidelines
These accessibility guidelines are provided to assist the emergency sector, government, community, media and business to make social media messages more accessible. Topics include:
- Creating tips and resources for people with disabilities
- Twitter
- Facebook
- YouTube
- Blogging tools

Country specific accessibility resources

United States

  • Disability.gov - The federal government website for comprehensive information on disability programs and services in communities nationwide.

New Zealand

Australia

General web accessibility resources

References and Links

  • Sociability: Social Media for people with a disability by Media Access Australia [2]
Personal tools