Accessing Web Content

Similar documents
MATERIALS AND INFORMATION NEEDED: To assess the accessibility of your website you will need:

Accessibility. Dec. 12, 2017 Chris Dallager, Doug Bratland, & Matt Ryan

Online Accessibility Guidelines

The Complete Nonprofit Website Toolkit Fleshing Out an Accessible, Usable, Polished Website July 2013

Accessibility Interview Questions:

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

Make Your Word Documents Accessible

SilverStripe - Website content editors.

Guide for Creating Accessible Content in D2L. Office of Distance Education. J u n e 2 1, P a g e 0 27

Creating Accessible PowerPoint Presentations. John Slatin AccessU Austin, Texas May 15, 2018

Quick reference checklist for Accessible Document Design.

and usability Release/www/releases/archives/facts_for_features_special_editions/ html

Accessible Documents & Presentations. By Amy Maes, DNOM

All-Ways Accessible. People experience the world in different ways. User Friendly Anyone can understand it. Versatile Easy to update.

CSCI 311 WEB ACCESSIBILITY

Web Accessibility. for Nonprofit Web Developers

Creating Accessible Microsoft Word Documents

Make Your Course Content Accessible using Microsoft Office and Windows.

Fundamentals of Web Accessibility PAMELA THOMAS & KARA PATTEN GRAPHICS FROM WEBAIM.ORG

Top Tips for School Website Accessibility

Section 508 and Web Accessibility. Jared Smith

How to Test a Web Site for Accessibility

In this example on 20X200, the contrast ratio between the navigation text and its background is 1.57:1.

What is Accessibility

Reading Introduction to Web Accessibility

HCI: ACCESSIBILITY. Dr Kami Vaniea

ways to present and organize the content to provide your students with an intuitive and easy-to-navigate experience.

OUR COMMITMENT TO ACCESSIBILITY

This document explains several types of Mac OS X assistance available for people with visual, dexterity, or hearing impairments.

Designing for Accessibility. Jason Withrow

Seven Steps to Creating an Accessible Microsoft Word document

Adobe Creative Cloud Applet Voluntary Product Accessibility Template

University of Wyoming. Web Accessibility Guidelines

Universal Design Principles Checklist

DIGITAL ACCESSIBILITY IN PRACTICE

Making 508 Accessible to Developers DevLearn 2018 Chris Willis

There are four (4) skills every Drupal editor needs to master:

This document explains several types of Windows Vista assistance available for people with visual, dexterity, or hearing impairments.

Lab 2. Task 1 : Learning basic tasks with PowerPoint. Estimated time

Creating Accessible Webpages

Introduction to Infographics and Accessibility

Accessibility in Rich Internet Applications

Website accessibility 101: What it is and how it impacts your school

Accessibility Tips for Teams

FLORIDA STATE COURTS SYSTEM

Web Accessibility Guidelines GO FOR GOLD

Accessibility IMPORTANCE AND HOW-TO. Kai Raymer, Web and New Media

UNIVERSITY OF NORTH CAROLINA WILMINGTON

Topics in Usability Testing

Guidelines for Creating Accessible Content o the edx Platform

Plain Language Writing For Public Messages

Letting Go of the Words - Content as Conversation

ACCESSIBLE DESIGN THEMES

COURSE DESIGN ACCESSIBILITY CHECKLIST

Table of contents. TOOLKIT for Making Written Material Clear and Effective

Web Community Manager. Accessibility Online Training

HW Label the following computer parts: E-Banking E-Government E-Commerce

PowerPoint for ALL. Outline View, ALT Text

Accessibility User Guide MyMathLab/MyStatLab R

Today. Web Accessibility. No class next week. Spring Break

Making Content Accessible

Color: Are the Web pages designed so that all information conveyed with color is also available without color? Reference Section (c).

Making Your PowerPoint Presentations Accessible

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction

Accessibility FAQ PRESENCE. West Corporation. 100 Enterprise Way, Suite A-300 Scotts Valley, CA

The Ultimate Web Accessibility Checklist

Adobe Sign Voluntary Product Accessibility Template

HTML Text Editor and Accessibility

Let s Talk Content! Practical tips for writing effective web pages

Design, Code, Test, Comply: Web Accessibility Demystified

Accessible Documents: Word to PDF

Web Design Best Practices Checklist

Federal Plain Language Guidelines

Creating an Accessible Microsoft Word document

WEBSITE TRAINING. Sarah Eagan Anderson 98 Director of Interactive Communications. Donna Dralus 89 Online Media and Web Coordinator

Carnegie Learning Inc.

Blackboard Voluntary Product Accessibility Template September 2015

DRAFT Section 508 Basic Testing Guide PDF (Portable Document Format) Version 0.1 September 2015

Style guide for Department for Education research reports and briefs

Making elearning Accessible

Google Sites Creating Websites and e-portfolios

PowerPoint 1: All About Me

Level Up: Understanding the needs of People with Disabilities in Your Community

Site Elements When designing a site the basic site element can help to create a clear design, examples are:

ACCESSIBILITY SOCIALMEDIA.UMICH.EDU

A Practical Guide to ADA Web Compliance

Table of Contents. Introduction. Audience, Intent & Authority. Depth, Unique Value & User Experience. The Nuts & Bolts of SEO. Enhancing Your Content

Handshake Accessibility Overview

Adobe Photoshop Lightroom 3 Voluntary Product Accessibility Template

Guideline 1.2 Time-based Media: Provide alternatives for time-based media Success Criteria Recommendations Met

Electronic Resources. developing a more accessible library? 6. What funding options does the library have for acquiring adaptive technology?

Adobe Photoshop Elements 12 Voluntary Product Accessibility Template

WAKEFLY WEBSITE ACCESSIBILITY AUDIT

November 6, 2014 Allison Kidd, ATRC

Karlen Communications Add Accessible PowerPoint Placeholders. Karen McCall, M.Ed.

YuJa Enterprise Video Platform WCAG 2.0 Checklist

Karlen Communications

FAO Web Content Accessibility Guidelines

Guideline for Creating Accessible Public Documents 1

Recommended GUI Design Standards

Transcription:

DAY 3 - MEDIA

Accessing Web Content Your content is the reason people visit your site. It is important to remove as many obstacles as possible between your visitors and your content. A major way to do this is by improving the content itself.

Accessing Web Content Communicate information clearly and quickly. Break up sections with headings. Link meaningful phrases. (ie., avoid "click here" or "more") Use illustrations to reinforce content. Use lists and tables effectively.

Accessing Web Content Guidelines for writing useful Web lists: Use lists to make information easy to grab. Keep most lists short. Format lists to make them work well. Match bullets to your site's personality. Use numbered lists for instructions. Turn paragraphs into steps. Give even complex instructions as steps. Keep the sentence structure in lists parallel. Don't number list items if they are not steps. Source: Letting Go of the Words (Redish, 2007)

Accessing Web Content Guidelines for creating useful Web tables: Use tables when you have numbers to compare. Use tables for a series of "if, then" sentences. Think about tables as answers to questions. Think carefully about what to put in the left column. Keep tables simple. Format tables on the Web so people focus on the information and not on the lines.

Additional Issues Not all members of your target audience are the same. Even if your content is available and clear, there may be some access limitations your target audience brings with them. Previous experience - the assumption of "consistency" Disorders related to vision, mobility, hearing, and cognition

Vision Disorders Inability to view the screen at all Difficulties with small text Difficulties seeing the mouse icon Color blindness

Mobility Disorders Limited manual dexterity May be unable to use a mouse or keyboard Issues with fatigue Lack of muscle control Eye-tracking difficulties

Hearing Disorders Abilty to control volume needed for some Audio and video require text versions People who are deaf before learning to speak may read and comprehend more slowly.

Cognitive Disorders Easily distracted by extraneous stimulus Short term memory problems Inability to process information quickly Deficits in ability to visually/mentally organize materials

Usability Refers to how well users can learn and use a product to achieve their goals and how satisfied they are with that process. Ease of learning Efficiency of use Memorability Error frequency and severity Subjective satisfaction We want our sites usable for all our visitors, including those with special needs. Source: usability.gov

Improve Site Usability Provide larger "click areas" for links.

Improve Site Usability When not in a menu, link from meaningful phrases. Avoid "click here" and "more" links. Screen reading software can scan the links on a page, but it often can't provide the context of the surrounding words. Try to word links as imperatives.

Improve Site Usability Include "alt" attributes for all images. <img src="mycats.jpg" alt="a photo of my cats"/> Consider using "title" attributes for links. The title text appears when the mouse is over the link. <a href="pets.html" title="go to my pets page!"/> Use "accesskey" to provide shortcuts <a href="https://blackboard.olemiss.edu" accesskey="b" title="accesskey = b">blackboard </a>

Improve Site Usability Provide captions for video. Consider providing a separate transcript.

Test Site Accessibility wave.webaim.org

Quick Exercise There is a known accessibility problem with your pages. Find and correct it using wave.webaim.org. Then you can go to lunch!