When producing media (web, video, or print) for Internet distribution, or teaching students how to produce media, there is a tendency to delay handling accessibility issues until late in the production process. By then, there are few opportunities for meaningful implementation. This workshop will demonstrate how disabled users view media, share the value of adding accessibility early in the process, and teach simple ways for anyone who makes media to create more accessible productions.
Visual impairment, hearing loss, physical limitations, and learning disabilities will all be considered. An accessible first process will be described that includes advocating for accessibility, taking advantage of expert resources, defining responsibilities, engaging disabled users during the design stage, and choosing compliant technologies.
Download Color Oracle
(Free for Mac, Win, Linux)
Test Google Analyitcs Pie Charts. Which type of color blindness results in slices that appear to have no color difference?
Test BBC Sport Football. What information is conveyed only by color, and not accessible to those with color blindness?
Download Color Contrast Analyzer.
(Free for Mac, Win, Linux)
Test City of Boston Website. Which sections have enough contrast between the text and background? Which sections do not?
View directions for automatic generation and editing of Closed Captions in Youtube.
Read directions comparing options for creating Transcriptions of Video and Podcasts.
Learn about Keyboard Navigation for those unable to use a mouse.
Test City of Boston Website. How many times does the tab key need to be pressed before you get to the search box?
Visit the Readability Score website.
Rewrite the paragraph to improve readability. What is the grade level of your revision? Test this sample solution.
Complete the WebAIM Dyslexia Simulator.
Complete the WebAIM Distractibility Simulator.
Test the Property Information Request Form (MS Word) document on the City of Boston website.
Accessibility Checker: File > Info > Check for Issues > Check Accessibility
Semantic Headers: Home > Styles
Alternative Text: Right Click > Alt Text
Link Text: Insert > HyperLink > Text to Display
Review Adobe's guidance for making accessible PDF files.
Test the Recycling and Trash Guidelines (PDF) document on the City of Boston website. Use "Full Check" from the Adobe Acrobat Tools > Accessibility pane.
Set up Word (with Acrobat) to improve accessibility of PDF export: File > Save as PDF > Options > Enable Accessibility and Reflow with Tagged Adobe PDF
Set up Word (without Acrobat) to improve accessibility of PDF export: File > Save As... > PDF > Options > Document structure tags for accessibility
Try the WebAIM Screenreader Simulation to learn how the blind use the web.