When we create websites, documents, and media with accessibility in mind, we not only provide access for those with disabilities but improve the overall experience for all users. We will provide a basic overview of digital accessibility, why digital inclusion matters, and how to incorporate best practices into your day-to-day content creation.
Presentation for the 2020 College Media Association Conference
Created by Jodi Goldberg and Katie Santo
23. @jodiarlyn @heyjustkatie #AccessForAll
Is it P.O.U.R. Content?
● Are you using appropriate alternative text, sufficient color
contrast, and not using color to convey meaning?
● Can users interact with all parts of your content?
● Is your content clearly written and presented following an
organized structure?
● Does your content work across multiple devices?
26. @jodiarlyn @heyjustkatie #AccessForAll
Color and Contrast
● Contrast ratio for text elements should be 4.5:1
● Looking good together is not the same as being accessible
● Don’t rely on color alone to convey meaning
28. @jodiarlyn @heyjustkatie #AccessForAll
Contextual Links
● Avoid non-descriptive text like “click here” or “read more”
● Avoid links with too much text
● When linking to digital media, use the file type and size, for
example: accessibility best practices (PDF: 3.2 MB)
30. @jodiarlyn @heyjustkatie #AccessForAll
Content Structure
● Use headings for documents, webpages, and emails to
apply readable structure for users and screen readers
● Headings should always descend in numerical order
● Heading styles should never be applied for aesthetics only
31. The Avengers
Director Joss Whedon’s 2012 film depicts Earth’s mightiest heroes who come together and learn to fight as a team to stop the
mischievous Loki and his alien army from enslaving humanity.
The Six Original Avengers
The six original Avengers are:
1. Iron Man
2. Captain America
3. Black Widow
4. Thor
5. The Hulk
6. Hawkeye
Cast
Robert Downey Jr. as Tony Stark/ Iron Man
A self-described genius, billionaire, playboy, and philanthropist with an electromechanical suit of armor of his own invention.
Chris Evans as Steve Rogers/ Captain America
A World War II veteran who was enhanced to the peak of human physicality by an experimental serum and frozen in
suspended animation before waking up in the modern world.
Scarlett Johansson as Natasha Romanoff/ Black Widow
Romanoff is a spy and an expert hand-to-hand combatant, trained in the Red Room from childhood. She eventually becomes
part of the counter-terrorism agency S.H.I.E.L.D. (Strategic Homeland Intervention Enforcement and Logistics Division) as a
highly trained spy.
Chris Hemsworth as Thor
The crown prince of Asgard, based on the Norse mythological deity. Thor is known as the “God of Thunder,” and is one of the
most powerful of the Asgardians, an alien civilization with long ties to Earth, who are therefore considered by some on Earth
to be gods.
Mark Ruffalo as Bruce Banner/ The Hulk
A genius scientist who, because of exposure to gamma radiation, transforms into a monster when enraged or agitated.
Jeremy Renner as Clint Barton/ Hawkeye
A master archer working as an agent for S.H.I.E.L.D.
H2 Heading
H3 Heading
H1 Heading
Example of properly nested headings
32. ● The Avengers
○ The Six Original Avengers
○ Cast
■ Robert Downey Jr. as Tony Stark/ Iron Man
■ Chris Evans as Steve Rogers/ Captain America
■ Scarlett Johansson as Natasha Romanoff/ Black Widow
■ Chris Hemsworth as Thor
■ Mark Ruffalo as Bruce Banner/ The Hulk
■ Jeremy Renner as Clint Barton/ Hawkeye
Example of using an outline to organize headings
33. @jodiarlyn @heyjustkatie #AccessForAll
Image Descriptions
● Don’t use images of text
● All images should have alternative text that conveys image
meaning in relation to the content
● Decorative images can be marked as null (how this is done
may vary depending on the platform you use)
35. @jodiarlyn @heyjustkatie #AccessForAll
Media Captions and Transcripts
● Videos should have closed or open captions
● Captions should indicate speakers, what is said, and any
relevant audio cues
● Audio-only files should have a full transcript
38. @jodiarlyn @heyjustkatie #AccessForAll
Social Media Best Practices
● Hashtag using camel case, for example: #AccessForAll
● Most popular platforms have features to manually add
alternative text to images… but you may have to turn it on!
● Add context before media links, for example: [VIDEO]
● Avoid flashing or fast moving animated GIFs or videos
● Open captions work best for social media sharing