SlideShare una empresa de Scribd logo
1 de 56
with Alexa Heinrich
Accessible Social
Why should accessibility
be a priority for content
creators on social media?
• Marketing Impact
• Legality and Compliance
• Disability Affects Everyone
• Compassion for Others
Why Accessibility Matters
It comes in different forms:
• Permanent
• Temporary
• Situational
• Episodic
Disability is Diverse
How do you create an
accessible experience
on social media?
accessible best practices
Copy and Formatting
#SocialMediaRocks
write hashtags like this:
#socialmediarocks
instead of this:
is easier for literally everyone to read
#CamelCase
Abandoned House
Old House
Haunted House
Derelict House
raised hand
raised hand: light skin tone
raised hand: medium-light skin tone
raised hand: medium skin tone
raised hand: medium-dark skin tone
raised hand: dark skin tone
• Use them in moderation
• Double-check their description before
using them
• Place them at the end of posts and
tweets to avoid clarity issues
• Try to resist changing the color on
customizable emoji unless a specific
skin tone is necessary for context
Best Practices for Emoji
┳┻|
┻┳| Psssst!
┳┻|
┻┳|
┳┻|
┳┻|
┻┳|
┳┻| _
┻┳| •.•) - “An unpopular opinion
┳┻|⊂ノ that many agree with.”
(•_•) (x)
( •_•)>⌐■-■
(⌐■_■) (y)
accessible best practices
Images and Visuals
Hand holding
up a small
fuzzy orange
kitten with
amber-colored
eyes and a
pink nose.
White Ferris
Wheel with
multi-colored
cars under a
clear blue sky.
Dark-haired
woman in a
denim jacket
holding a baby
in a yellow
sweater above
her head.
Management Platforms
Agorapulse X X X
Buffer X
Emplifi X X X
Facebook Creator Studio X X
Falcon X X X
Hootsuite X X X
Publer X X X
Sked Social X X X X X
Sprinklr X
Sprout Social X X X
Example Alt Text:
A man and woman kiss. The
man wears a tuxedo, and the
woman wears a white wedding
dress and veil that swirls
around them.
Write in plain language
Example Alt Text:
Ferris Wheel lit up under a
starry night sky at a carnival
crowded with people.
Focus on accuracy, not length
Example Alt Text:
Worm’s eye view of ten palm
trees swaying in the wind.
Consider positional information
Example Alt Text:
Colorful illustration of five
different doctors working on
and researching an over-sized
kidney model.
Exclude writing “image of” or “photo of”
Example Alt Text:
Mount Rushmore is shown
under a hazy blue sky. The
cliffside in front of it is dotted
with evergreen trees.
Use proper nouns and names
Example Alt Text:
A busy intersection in New
York City is filled with cars and
people at night. Bright digital
billboards cover the buildings.
Don’t describe every single detail
Example Alt Text:
Young Black girl with long curly
hair sits in front of a large
desktop computer while
learning about different
careers in technology.
Use personal identifiers when needed
Example Alt Text:
A group of about twenty people
sit in rows of chairs at a
session for the 2021 Higher
Education Social Media
(H.E.S.M.) Conference.
Avoid abbreviations whenever possible
Example Alt Text:
Partial view of a man wearing
black Chuck Taylor high-top
shoes, denim shorts, and a
gray t-shirt sitting on his
luggage on the side of a
country road while the sun sets
behind him.
Add keywords for improved SEO
Example Alt Text:
View of a man from behind. He
stands atop a hill with his arms
outstretched, looking over a
green valley under a cloudy
blue sky. Text over him reads
freedom.
Avoid excessive flattened copy
• Emoji Icons
• Links
• Hashtags
• Additional Symbols
• Nonessential Info
What to Avoid in Your Alt Text
accessible best practices
Audio and Video
An audio description is a form of narration
used to provide info surrounding key visual
elements in videos for blind and low vision
consumers.
Audio Descriptions
• Typically adds an additional audio track
to a video that can be toggled on and off
• You cannot add multiple audio tracks to
one video on YouTube, Vimeo, or most
social media platforms
o Create two versions of your video, one with
an audio description integrated with the
rest of your video’s audio and one without
[captions make a video accessible]
Learning disability
Attention deficit
Autism
Different language
Noisy environment
Poor audio
Fast talker
Speaker with an accent
Hello
85%
[closed captioning] [open captioning]
1. Upload your video to your YouTube channel as unlisted.
2. Allow YouTube time to generate auto-captions.
3. Click Duplicate and Edit and revise the auto-captions.
4. Publish your edited captions.
5. Delete the auto-captions for the video.
6. Allow YouTube time to process your edited captions
and sync their timing.
7. Switch the status of your video to public.
Create CC with YouTube
• MixCaptions
• Clipomatic
• AutoCap
• Kapwing
• Clips
• Threads
Captioning Apps
@HashtagHeyAlexa
/AlexaHeinrich
accessible-social.com

Más contenido relacionado

La actualidad más candente

Intro to Audio Description
Intro to Audio Description Intro to Audio Description
Intro to Audio Description 3Play Media
 
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.Dux Raymond Sy
 
DSpace-CRIS: new features and contribution to the DSpace mainstream
DSpace-CRIS: new features and contribution to the DSpace mainstreamDSpace-CRIS: new features and contribution to the DSpace mainstream
DSpace-CRIS: new features and contribution to the DSpace mainstream4Science
 
Subject analysis: What's it all about, Alfie?
Subject analysis:  What's it all about, Alfie?Subject analysis:  What's it all about, Alfie?
Subject analysis: What's it all about, Alfie?Johan Koren
 
Optimizing Content Reuse with DITA
Optimizing Content Reuse with DITAOptimizing Content Reuse with DITA
Optimizing Content Reuse with DITAIXIASOFT
 
DITA Quick Start: System Architecture of a Basic DITA Toolset
DITA Quick Start: System Architecture of a Basic DITA ToolsetDITA Quick Start: System Architecture of a Basic DITA Toolset
DITA Quick Start: System Architecture of a Basic DITA ToolsetSuite Solutions
 
How To Centralize Video Accessibility Efforts at Your Organization
How To Centralize Video Accessibility Efforts at Your OrganizationHow To Centralize Video Accessibility Efforts at Your Organization
How To Centralize Video Accessibility Efforts at Your Organization3Play Media
 
How To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online PresentationHow To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online Presentation3Play Media
 
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)Neat Bar and Bar Pro Video Conferencing Appliance (Overview)
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)VideoConferenceGear.com
 
A Brief Introduction to SKOS
A Brief Introduction to SKOSA Brief Introduction to SKOS
A Brief Introduction to SKOSHeather Hedden
 
Presentation des Essentiels de MS Office365
Presentation des Essentiels de MS Office365Presentation des Essentiels de MS Office365
Presentation des Essentiels de MS Office365Laurent Rouable
 
SC-900+2022.pdf
SC-900+2022.pdfSC-900+2022.pdf
SC-900+2022.pdfRitish H
 
Document management system
Document management systemDocument management system
Document management systemRaghu Raja
 

La actualidad más candente (20)

Intro to Audio Description
Intro to Audio Description Intro to Audio Description
Intro to Audio Description
 
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.
Webinar: Microsoft Teams is Here! Presented by Avanade, AvePoint and Microsoft.
 
DSpace-CRIS: new features and contribution to the DSpace mainstream
DSpace-CRIS: new features and contribution to the DSpace mainstreamDSpace-CRIS: new features and contribution to the DSpace mainstream
DSpace-CRIS: new features and contribution to the DSpace mainstream
 
AWS Service Catalog
AWS Service CatalogAWS Service Catalog
AWS Service Catalog
 
Subject analysis: What's it all about, Alfie?
Subject analysis:  What's it all about, Alfie?Subject analysis:  What's it all about, Alfie?
Subject analysis: What's it all about, Alfie?
 
Optimizing Content Reuse with DITA
Optimizing Content Reuse with DITAOptimizing Content Reuse with DITA
Optimizing Content Reuse with DITA
 
Taxonomy 101
Taxonomy 101Taxonomy 101
Taxonomy 101
 
DITA Quick Start: System Architecture of a Basic DITA Toolset
DITA Quick Start: System Architecture of a Basic DITA ToolsetDITA Quick Start: System Architecture of a Basic DITA Toolset
DITA Quick Start: System Architecture of a Basic DITA Toolset
 
How To Centralize Video Accessibility Efforts at Your Organization
How To Centralize Video Accessibility Efforts at Your OrganizationHow To Centralize Video Accessibility Efforts at Your Organization
How To Centralize Video Accessibility Efforts at Your Organization
 
DDS Over Low Bandwidth Data Links
DDS Over Low Bandwidth Data LinksDDS Over Low Bandwidth Data Links
DDS Over Low Bandwidth Data Links
 
How To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online PresentationHow To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online Presentation
 
DITA Quick Start
DITA Quick StartDITA Quick Start
DITA Quick Start
 
Connext DDS Professional 5.1.0 Overview
Connext DDS Professional 5.1.0 OverviewConnext DDS Professional 5.1.0 Overview
Connext DDS Professional 5.1.0 Overview
 
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)Neat Bar and Bar Pro Video Conferencing Appliance (Overview)
Neat Bar and Bar Pro Video Conferencing Appliance (Overview)
 
A Brief Introduction to SKOS
A Brief Introduction to SKOSA Brief Introduction to SKOS
A Brief Introduction to SKOS
 
Presentation des Essentiels de MS Office365
Presentation des Essentiels de MS Office365Presentation des Essentiels de MS Office365
Presentation des Essentiels de MS Office365
 
SharePoint as a Document Management System (DMS)
SharePoint as a Document Management System (DMS)SharePoint as a Document Management System (DMS)
SharePoint as a Document Management System (DMS)
 
SC-900+2022.pdf
SC-900+2022.pdfSC-900+2022.pdf
SC-900+2022.pdf
 
Dublin Core Intro
Dublin Core IntroDublin Core Intro
Dublin Core Intro
 
Document management system
Document management systemDocument management system
Document management system
 

Similar a Accessible Social Media

Creating Accessible Inclusive Social Media Content.pptx
Creating Accessible Inclusive Social Media Content.pptxCreating Accessible Inclusive Social Media Content.pptx
Creating Accessible Inclusive Social Media Content.pptxTumwine Edward
 
How To Write Good, Effective Social Media Copy
How To Write Good, Effective Social Media CopyHow To Write Good, Effective Social Media Copy
How To Write Good, Effective Social Media CopySocial Strand Media
 
Internet words into our language
Internet words into our languageInternet words into our language
Internet words into our languageRodneyFox
 
Accessible Social Media for an Inclusive Community
Accessible Social Media for an Inclusive CommunityAccessible Social Media for an Inclusive Community
Accessible Social Media for an Inclusive CommunityEmily Allen
 
Alt text as poetry for gov campnorth
Alt text as poetry for gov campnorthAlt text as poetry for gov campnorth
Alt text as poetry for gov campnorthNexer Digital
 
Name __________ Grading Rubric for a Power Point Projec.docx
Name __________ Grading Rubric for a  Power Point Projec.docxName __________ Grading Rubric for a  Power Point Projec.docx
Name __________ Grading Rubric for a Power Point Projec.docxroushhsiu
 
Designing technical documentation for tablets
Designing technical documentation for tabletsDesigning technical documentation for tablets
Designing technical documentation for tabletsMaxwell Hoffmann
 
Design Considerations for Web Accessibility
Design Considerations for Web AccessibilityDesign Considerations for Web Accessibility
Design Considerations for Web AccessibilityNeha Gupta
 
"Can You Do It In The Dark?" 2: Electric Boogaloo
"Can You Do It In The Dark?" 2: Electric Boogaloo"Can You Do It In The Dark?" 2: Electric Boogaloo
"Can You Do It In The Dark?" 2: Electric BoogalooChris D'Orso
 
Global accessibility awareness day 2021
Global accessibility awareness day 2021  Global accessibility awareness day 2021
Global accessibility awareness day 2021 Amy Czuba
 
Social Media PerceptionOur choices of social media shape our.docx
Social Media PerceptionOur choices of social media shape our.docxSocial Media PerceptionOur choices of social media shape our.docx
Social Media PerceptionOur choices of social media shape our.docxsamuel699872
 
Webof words
Webof wordsWebof words
Webof wordssteddyss
 
Precedent #usabilityfail seminar part two
Precedent #usabilityfail seminar part twoPrecedent #usabilityfail seminar part two
Precedent #usabilityfail seminar part twodan-baker
 

Similar a Accessible Social Media (20)

Creating Accessible Inclusive Social Media Content.pptx
Creating Accessible Inclusive Social Media Content.pptxCreating Accessible Inclusive Social Media Content.pptx
Creating Accessible Inclusive Social Media Content.pptx
 
Writing Great Alt Text
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt Text
 
How To Write Good, Effective Social Media Copy
How To Write Good, Effective Social Media CopyHow To Write Good, Effective Social Media Copy
How To Write Good, Effective Social Media Copy
 
Writing Great Alt Text
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt Text
 
Internet words into our language
Internet words into our languageInternet words into our language
Internet words into our language
 
Accessible Social Media for an Inclusive Community
Accessible Social Media for an Inclusive CommunityAccessible Social Media for an Inclusive Community
Accessible Social Media for an Inclusive Community
 
Alt text as poetry for gov campnorth
Alt text as poetry for gov campnorthAlt text as poetry for gov campnorth
Alt text as poetry for gov campnorth
 
Name __________ Grading Rubric for a Power Point Projec.docx
Name __________ Grading Rubric for a  Power Point Projec.docxName __________ Grading Rubric for a  Power Point Projec.docx
Name __________ Grading Rubric for a Power Point Projec.docx
 
Designing technical documentation for tablets
Designing technical documentation for tabletsDesigning technical documentation for tablets
Designing technical documentation for tablets
 
Design Considerations for Web Accessibility
Design Considerations for Web AccessibilityDesign Considerations for Web Accessibility
Design Considerations for Web Accessibility
 
"Can You Do It In The Dark?" 2: Electric Boogaloo
"Can You Do It In The Dark?" 2: Electric Boogaloo"Can You Do It In The Dark?" 2: Electric Boogaloo
"Can You Do It In The Dark?" 2: Electric Boogaloo
 
Global accessibility awareness day 2021
Global accessibility awareness day 2021  Global accessibility awareness day 2021
Global accessibility awareness day 2021
 
Social Media PerceptionOur choices of social media shape our.docx
Social Media PerceptionOur choices of social media shape our.docxSocial Media PerceptionOur choices of social media shape our.docx
Social Media PerceptionOur choices of social media shape our.docx
 
Webof words
Webof wordsWebof words
Webof words
 
Oh The Humanities
Oh The HumanitiesOh The Humanities
Oh The Humanities
 
C 11
C 11C 11
C 11
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Precedent #usabilityfail seminar part two
Precedent #usabilityfail seminar part twoPrecedent #usabilityfail seminar part two
Precedent #usabilityfail seminar part two
 
RWS-Observation hypertext.pptx
RWS-Observation hypertext.pptxRWS-Observation hypertext.pptx
RWS-Observation hypertext.pptx
 
Tedpad
TedpadTedpad
Tedpad
 

Más de 3Play Media

Advancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher EducationAdvancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher Education3Play Media
 
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity3Play Media
 
The 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher EducationThe 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher Education3Play Media
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University3Play Media
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University3Play Media
 
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...3Play Media
 
Product Innovation is on the Edge
Product Innovation is on the EdgeProduct Innovation is on the Edge
Product Innovation is on the Edge3Play Media
 
Why Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media CompanyWhy Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media Company3Play Media
 
2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition3Play Media
 
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...3Play Media
 
Accessibility as a Gateway to Creativity
Accessibility as a Gateway to CreativityAccessibility as a Gateway to Creativity
Accessibility as a Gateway to Creativity3Play Media
 
Disability Inclusion for Leadership
Disability Inclusion for LeadershipDisability Inclusion for Leadership
Disability Inclusion for Leadership3Play Media
 
How to Tell Whether UDL is Working
How to Tell Whether UDL is WorkingHow to Tell Whether UDL is Working
How to Tell Whether UDL is Working3Play Media
 
Neurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdfNeurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdf3Play Media
 
Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 1Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 13Play Media
 
Power of an Accessible Website.pdf
Power of an Accessible Website.pdfPower of an Accessible Website.pdf
Power of an Accessible Website.pdf3Play Media
 
2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf3Play Media
 
Intro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdfIntro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdf3Play Media
 
How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program 3Play Media
 
Web Accessibility Lawsuit Trends in 2022
Web Accessibility Lawsuit Trends in 2022Web Accessibility Lawsuit Trends in 2022
Web Accessibility Lawsuit Trends in 20223Play Media
 

Más de 3Play Media (20)

Advancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher EducationAdvancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher Education
 
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
 
The 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher EducationThe 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher Education
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University
 
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
 
Product Innovation is on the Edge
Product Innovation is on the EdgeProduct Innovation is on the Edge
Product Innovation is on the Edge
 
Why Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media CompanyWhy Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media Company
 
2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition
 
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
 
Accessibility as a Gateway to Creativity
Accessibility as a Gateway to CreativityAccessibility as a Gateway to Creativity
Accessibility as a Gateway to Creativity
 
Disability Inclusion for Leadership
Disability Inclusion for LeadershipDisability Inclusion for Leadership
Disability Inclusion for Leadership
 
How to Tell Whether UDL is Working
How to Tell Whether UDL is WorkingHow to Tell Whether UDL is Working
How to Tell Whether UDL is Working
 
Neurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdfNeurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdf
 
Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 1Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 1
 
Power of an Accessible Website.pdf
Power of an Accessible Website.pdfPower of an Accessible Website.pdf
Power of an Accessible Website.pdf
 
2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf
 
Intro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdfIntro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdf
 
How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program
 
Web Accessibility Lawsuit Trends in 2022
Web Accessibility Lawsuit Trends in 2022Web Accessibility Lawsuit Trends in 2022
Web Accessibility Lawsuit Trends in 2022
 

Último

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 

Último (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Accessible Social Media

  • 2. Why should accessibility be a priority for content creators on social media?
  • 3. • Marketing Impact • Legality and Compliance • Disability Affects Everyone • Compassion for Others Why Accessibility Matters
  • 4.
  • 5. It comes in different forms: • Permanent • Temporary • Situational • Episodic Disability is Diverse
  • 6. How do you create an accessible experience on social media?
  • 8. #SocialMediaRocks write hashtags like this: #socialmediarocks instead of this:
  • 9. is easier for literally everyone to read #CamelCase
  • 10.
  • 11.
  • 12.
  • 13. Abandoned House Old House Haunted House Derelict House
  • 14. raised hand raised hand: light skin tone raised hand: medium-light skin tone raised hand: medium skin tone raised hand: medium-dark skin tone raised hand: dark skin tone
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. • Use them in moderation • Double-check their description before using them • Place them at the end of posts and tweets to avoid clarity issues • Try to resist changing the color on customizable emoji unless a specific skin tone is necessary for context Best Practices for Emoji
  • 20.
  • 21.
  • 22.
  • 23. ┳┻| ┻┳| Psssst! ┳┻| ┻┳| ┳┻| ┳┻| ┻┳| ┳┻| _ ┻┳| •.•) - “An unpopular opinion ┳┻|⊂ノ that many agree with.”
  • 24.
  • 27. Hand holding up a small fuzzy orange kitten with amber-colored eyes and a pink nose. White Ferris Wheel with multi-colored cars under a clear blue sky. Dark-haired woman in a denim jacket holding a baby in a yellow sweater above her head.
  • 28.
  • 29. Management Platforms Agorapulse X X X Buffer X Emplifi X X X Facebook Creator Studio X X Falcon X X X Hootsuite X X X Publer X X X Sked Social X X X X X Sprinklr X Sprout Social X X X
  • 30. Example Alt Text: A man and woman kiss. The man wears a tuxedo, and the woman wears a white wedding dress and veil that swirls around them. Write in plain language
  • 31. Example Alt Text: Ferris Wheel lit up under a starry night sky at a carnival crowded with people. Focus on accuracy, not length
  • 32. Example Alt Text: Worm’s eye view of ten palm trees swaying in the wind. Consider positional information
  • 33. Example Alt Text: Colorful illustration of five different doctors working on and researching an over-sized kidney model. Exclude writing “image of” or “photo of”
  • 34. Example Alt Text: Mount Rushmore is shown under a hazy blue sky. The cliffside in front of it is dotted with evergreen trees. Use proper nouns and names
  • 35. Example Alt Text: A busy intersection in New York City is filled with cars and people at night. Bright digital billboards cover the buildings. Don’t describe every single detail
  • 36. Example Alt Text: Young Black girl with long curly hair sits in front of a large desktop computer while learning about different careers in technology. Use personal identifiers when needed
  • 37. Example Alt Text: A group of about twenty people sit in rows of chairs at a session for the 2021 Higher Education Social Media (H.E.S.M.) Conference. Avoid abbreviations whenever possible
  • 38. Example Alt Text: Partial view of a man wearing black Chuck Taylor high-top shoes, denim shorts, and a gray t-shirt sitting on his luggage on the side of a country road while the sun sets behind him. Add keywords for improved SEO
  • 39. Example Alt Text: View of a man from behind. He stands atop a hill with his arms outstretched, looking over a green valley under a cloudy blue sky. Text over him reads freedom. Avoid excessive flattened copy
  • 40. • Emoji Icons • Links • Hashtags • Additional Symbols • Nonessential Info What to Avoid in Your Alt Text
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 47. An audio description is a form of narration used to provide info surrounding key visual elements in videos for blind and low vision consumers. Audio Descriptions
  • 48. • Typically adds an additional audio track to a video that can be toggled on and off • You cannot add multiple audio tracks to one video on YouTube, Vimeo, or most social media platforms o Create two versions of your video, one with an audio description integrated with the rest of your video’s audio and one without
  • 49.
  • 50.
  • 51. [captions make a video accessible] Learning disability Attention deficit Autism Different language Noisy environment Poor audio Fast talker Speaker with an accent Hello
  • 52. 85%
  • 54. 1. Upload your video to your YouTube channel as unlisted. 2. Allow YouTube time to generate auto-captions. 3. Click Duplicate and Edit and revise the auto-captions. 4. Publish your edited captions. 5. Delete the auto-captions for the video. 6. Allow YouTube time to process your edited captions and sync their timing. 7. Switch the status of your video to public. Create CC with YouTube
  • 55. • MixCaptions • Clipomatic • AutoCap • Kapwing • Clips • Threads Captioning Apps

Notas del editor

  1. Hello and welcome to Accessible Social! My name is Alexa Heinrich and I’ll be taking all questions at the end, so feel free to drop them in the chat or save them to be asked live.
  2. When it comes to accessibility, many digital marketers want to know what makes it important for social media and what it means to be inclusive online. Not everyone experiences or navigates digital spaces the same way. There are millions of people with disabilities who rely on assistive technology and practices to access digital content.
  3. There are four distinct reasons why accessibility matters. [CLICK] Inclusive best practices can have a direct impact on your marketing efforts and affect how many people you reach with your digital content. [CLICK] Like with a brick-and-mortar location or your website, you also want to make sure that your social media is meeting current accessibility guidelines. [CLICK] Everyone at some point or another will be affected by disability, either through age, illness, or injury. Many brands and organizations are trying to focus more on Diversity, Equity, and Inclusion work, and disability is something that impacts every demographic and every area of DEI. [CLICK] And most importantly, you should just care about the experience that your followers have when they engage with your brand or organization on social media.
  4. According to a November 2021 report from the World Health Organization, an estimated 15% of the global population has some sort of disability. This number could also be much larger because not everyone is comfortable disclosing that they are disabled, and it includes a wide range of disabilities from physical, cognitive, learning, spinal, psychological, or sensory. For the purposes of this presentation, I will mostly be focusing on sensory disabilities that affect a person’s hearing and vision.
  5. Disability is diverse and it comes in different forms: [CLICK] Most people think of permanent states when disability is mentioned, such as vision or hearing loss that cannot be medically treated or reversed. But disability is the only diverse community that you can join and leave. Some individuals are born with their disability, others become disabled later in life. It’s a full spectrum of possibilities and scenarios. [CLICK] A person could have a temporary impairment due to an injury like a bruised eye or an illness such as losing your hearing from an ear infection. [CLICK] Someone could also have a situational impairment which means they’re affected by their environment or circumstances like having trouble seeing a screen in different levels of lighting or hearing audio in a crowded room. [CLICK] There are also episodic disabilities, which are disabilities that have no discernible pattern. They can affect you at any given time and change how you interact with the world. Examples would migraines, vertigo, chronic pain, asthma, and some forms of mental illness like PTSD and bipolar disorder.
  6. Now that you know WHY you should be creating accessible social media content, it’s time to learn HOW. I’m going to take us through accessible practices for copy and formatting, images and visuals, and audio and video.
  7. Our first section will cover accessible best practices for copy and formatting. I’ll talk about hashtags, post formatting, emoji, alternative characters, and ASCII art.
  8. When it comes to social media's favorite conversation device, make sure to capitalize the first letter in each word of your compound hashtags! This method is sometimes referred to as #TitleCase, #PascalCase, and #CamelCase. The capital letters help assistive devices denote the separate words, allowing them to pronounce compound hashtags correctly and not as one long mish-mashed word.
  9. Camel case is also easier for literally everyone to read no matter the status of their vision. This formatting can also be applied to your Twitter handle to make that accessible and it could save your brand from embarrassing PR moments as well. Just look up "Susan Boyle hashtag fail" if you want an excellent example of why Camel Case is a good idea.
  10. An often-overlooked aspect of accessibility in relation to social media is formatting. For social media, this means how you lay out your posts and tweets using spaces, tabs, and hard returns. Because most social media platforms don’t offer formatting options unless you’re writing an article on LinkedIn, some users will find ways to manipulate their content to achieve the formatted look they want. This kind of “forced formatting” is commonly seen in tweets where the author has used multiple spaces, tabs, and hard returns to make their content appear in two columns like in this example. The example tweet looks like it’s in two columns. However, the blue arrows I’ve placed between the columns show that tabs were used to create this forced formatting. A screen reader would follow the path of the blue arrows because there’s no true gutter (the space between properly formatted columns) in the tweet that tells it to do otherwise. Therefore, the content gets read out of order. I’m going to use my phone’s text-to-speech program to demonstrate what this example tweet sounds like, and I’ll do this with several other examples throughout the presentation. I encourage you to close your eyes and just listen. Ready? Here we go. [CLICK] Until platforms add formatting options, you should compose your social media content knowing it will be read left to right or right to left in a single column by assistive devices and programs.
  11. You should also be aware of how you use upper and lowercase letters. Some internet users will type in studly case to indicate mocking sarcasm in their content. Studly case is when you alternate every letter between uppercase and lowercase. It's also known as varied case or SpongeBob case due to a popular meme featuring the Nickelodeon character of the same name. The varied letter case makes it exceptionally hard for a screen reader to properly read the words and can create a confusing experience for users, as demonstrated here. Go ahead and close your eyes for me. [CLICK]
  12. Moving onto emoji, everyone loves those colorful icons, but did you know that each individual emoji has its own unique description assigned to it? When an assistive device or program comes across an emoji in written content, it will use the icon’s assigned description to accurately describe it to the user.
  13. Many emoji also have descriptions and appearances that differ across platforms, devices, and browsers. This particular emoji is known as abandoned house, old house, haunted house, and derelict house.
  14. Even emoji with skin tones get additional information added to their base description to keep them unique. If a screen reader were to read this line of emoji, it would say: raised hand, raised hand: light skin tone, raised hand: medium-light skin tone, raised hand: medium skin tone, raised hand: medium-dark skin tone, and raised hand: dark skin tone.
  15. Keep in mind that because a screen reader picks up on the descriptions of emoji, the excessive use of them is not advised. It’s also worth noting that some assistive devices will shorten a line of emoji if only one specific icon is used uninterrupted by other icons, characters, or spaces. For instance, this group of emoji would probably be read as 24 rockets instead of a screen reader saying the word rocket 24 times.
  16. It’s best to put emoji at the end of your content, otherwise you could make your message confusing like with this example tweet that has a few emoji sprinkled throughout the content. Once a text-to-speech program translated the emoji, the content ran into several clarity issues as demonstrated in this short screen recording. Again, I’d like everyone to close their eyes and just listen to the example as it plays.
  17. Using emoji as bullet points is quite popular on social media, but unfortunately, using emoji that way could make your points confusing if the icon descriptions are competing with the content as shown in this second example tweet. This is your cue to close your eyes. [CLICK] As demonstrated, the three emoji descriptions interrupted the flow of the copy and made it a little difficult to understand.
  18. An excellent resource for digital content creators who want to use emoji in smart and strategic ways is emojipedia.org. This website lists every known emoji along with their different appearances and descriptions across platforms, devices, and browsers.
  19. So when it comes to emoji on social media, you should: Use them in moderation Double-check their description before using them Place them at the end of posts and tweets to avoid clarity issues Try to resist changing the color on customizable emoji unless a specific skin tone is necessary for context That last tip is for people who manage social media professionally. I would never presume to tell someone what emoji skin tones they should use to represent their race or ethnicity on their personal social media.
  20. Another best practice for copywriting is one that focuses on a trend that has become quite popular on social media in recent years. Content creators have started using external websites to generate alternative characters for their posts to make the copy appear in different weights, styles, and fonts. You’ll notice that the yellow has highlighted text that’s in a different font from Twitter’s default font.
  21. Unfortunately, some assistive devices cannot decipher these characters and will typically skip over them, as shown in this first example tweet. You’ll see that I used alternative characters for the first three lines of text and then Twitter’s default font for the latter half of the tweet. This is how my phone’s text-to-speech program handled it. You can go ahead and close your eyes. [CLICK] My text-to-speech program completely skipped the first three lines that read “Custom fonts are so fun! They give your content extra pizzazz! And you can even bold your text.” This was because it could not identify them as readable characters.
  22. Even worse are the alternative characters that assistive devices translate into indistinguishable noises or totally different languages like in this second example tweet. And shut your eyes everyone. [CLICK] While I only showcased a few seconds of that tweet, it actually took almost two and a half minutes for my phone’s text-to-speech program to read the entire post aloud when logically it should only take a few seconds. Content creators should only use the default fonts and formatting options readily available on the platforms.
  23. Another popular trend on social media that involves the use of characters is called ASCII Art. It uses letters, numbers, punctuation and other characters to create illustrative memes.
  24. ASCII Art is used more and more by major brands as they try to appear relatable and hip with their followers. However, ASCII Art is not accessible for screen reader users.
  25. Assistive devices are programmed to read characters and punctuation marks as they were originally intended. They cannot properly discern when characters are used to create illustrations, and when read aloud, ASCII Art normally sounds something like this. Eyes closed one everyone. [CLICK] So, the art is clever, but it doesn't make much sense once a screen reader gets ahold of it. AUDIO TRANSCRIPT: Bullet underscore bullet X bullet underscore bullet greater than reversed not sign black square black square reserved not sign black square underscore black square Y. 
  26. This next section is typically the one that I get the most questions about: how to be accessible with images and visuals.
  27. Images play a key part on social media, but how does someone with a serious vision disability experience a picture? Assistive devices and programs need alt text, a descriptive physical summary of the image, in order to accurately describe it to a user.
  28. Facebook, Twitter, Instagram, LinkedIn, and Pinterest all allow users to write custom alt text for their uploaded images. Custom alt text is always preferred to automatic alt text that’s been written by an AI system because auto-generated alt text is normally vague, and not descriptive or accurate enough to be considered accessible.
  29. This is a sampling of a few third-party management sites and their alt text publishing capabilities. Unfortunately, only Sked Social can currently post to Instagram using the app’s alt text field due to API restrictions. If you use a third-party management system other than Sked Social and want to continue using it to publish to Instagram, you can simply write your image description directly in the caption area of your post to make it accessible.
  30. Here are a few tips for writing effective alt text along with some examples: Write in plain language. You should focus on describing the physical aspects of your chosen images. Resist the urge to be ornate or overly effusive with your descriptions. You want to avoid having your own feelings or opinions about an image interfere with your ability to write accurate alt text. Try to be as objective as possible.
  31. Focus on accuracy, not length. I normally make my alt text about the length of one tweet, but that’s also dependent on the image that I choose. The more complex the image, the longer the alt text will more than likely be especially if the image features any copy. Writing alt text is a completely subjective exercise, no matter how objective you try to be, and it’ll vary image to image and creator to creator. Just focus on making your alt text as accurate as possible and you should do just fine.
  32. Consider positional information. Think about the view someone has when they’re looking at your image. Is it a partial view of someone sitting at a table? Do you have a bird’s-eye view of a snow-covered forest? Directional or positional information can add important context to your alt text.
  33. Exclude writing “image of” or “photo of“ in your alt text. It’s already assumed that your alt text will be for a photo or image, and a screen reader will more than likely say “image of” before or after reading your alt text. However, if your image file is something like an illustration, a painting, or even a screenshot, you can include that in your alt text because it gives the user a better idea of how to visualize the image.
  34. Use proper nouns and names when appropriate. If a well-known person, place, or thing is in your image and it adds context to your content, go ahead and name it.
  35. Don’t Describe Every Single Detail. If something in the image is significant to understanding the whole picture or post, describe it. If it’s not, skip it and save your characters for the important stuff. Focus on describing details that are contextually important to your entire post.
  36. Use Personal Identifiers When Needed. If the race, gender, ethnicity, sexuality, or another identifier for a person is relevant to the overall context of the image, feel free to add it. It also helps in this instance to think of your content as a whole. What information is included in the written part of your post? As the author, do you feel that extra identifiers in your alt text would add contextual value to the rest of your content? For example, let's say your content is about the history of Women’s Suffrage. Including the gender and race of any people in the alt text of your images would be contextually important because both identifiers are prominent topics when talking about the history of women fighting for their right to vote. If you’re unsure about how the subject of an image identifies or don’t want to assume how they identify, stick to neutral terms such as using “person” instead of “man” or “woman”. Of course, the best way to ascertain how someone in your image identifies is to ask them, if you are able to do so. Just make sure to explain to your subject that you're trying to accurately represent them in your content.
  37. Avoid abbreviations whenever possible. It’s better to type out the full name or title of a person, place, organization, or initiative because screen readers don’t always read abbreviations like acronyms and initialisms correctly. Lesser-known abbreviations also don’t add a lot of context to an image. If you use an initialism in your alt text (or any of your content for that matter), type out the full name or title first, and then place spaces or periods in between each letter of the initialism so that the screen reader says it properly. An initialism is an abbreviation consisting of initial letters pronounced separately. Examples would be KPI, NYC, and FBI. An acronym is an abbreviation formed from the initial letters of other words and pronounced as a word. Examples would be NASA, SCUBA, and FOMO.
  38. Add keywords for improved SEO. This piece of advice is more for images on websites than social media, but it’s a good tip to keep in mind just in case search engines ever evolve to pick up alt text on social media images. To my knowledge, they currently do not. However, keywords in the alt text field on Instagram posts do supposedly affect search results within the app. Just make sure that you’re prioritizing the accurate description of your image first and foremost. Alt text should always be treated as an accessibility feature and not an SEO growth hack. If you can logically work your keywords into your alt text, go for it. If not, that’s what hashtags are for.
  39. Avoid excessive flattened copy. If you’re posting a copy-heavy graphic like an event flyer or an image that has text overlayed on it, you’ll need to add alt text for all the flattened copy because a screen reader will not be able to read it. Flattened copy is text that has been turned into an object upon being exported from whatever program it was created in. You may also hear or see it called embedded copy or outlined text. If you drag your cursor over the text on an image and it does not highlight the individual words or characters, that means the text is no longer readable, therefore, it’s also not actionable because it cannot be clicked. JPEG, PNG, and GIF files do not support readable text. Usually, assistive devices and programs can only transcribe readable text and cannot pick up flattened copy. I’m going to elaborate on this last tip a little more in later slides since it’s an alt text rule I frequently see broken.
  40. Now that you have a better understanding of how to write effective alt text, let's talk about what shouldn't go in your alt text. Emoji Icons: emoji are typically added to social media content to give it added visual interest, so adding them to alt text makes no sense and could result in confusing alt text depending on the icons that you use. Links: if you put a link in your alt text, it's not going to be clickable and a screen reader will just read it out like any other word in your alt text. Links should go in the written part of your post or tweet, not the alt text. Hashtags: like with links, hashtags aren't clickable in alt text and do not typically add additional context that would make an image description more accessible. Additional Symbols: symbols like the ones for trademark, copyright, and registered don't make an image description more accessible and will get read aloud by a screen reader, so avoid using them. Nonessential Information: details like strings of random keywords, photographer credits, promotional information, calls to action, hidden messages, or other information that doesn't make your image description more accessible should not be included in your alt text.
  41. We’re going to move onto something that greatly impacts accessibility. As I mentioned earlier, putting an excessive amount of copy onto a graphic is a bad idea. This design choice is mostly seen on Twitter where we’re limited in how long our tweets can be. You’ll see celebrities, elected officials, major brands, athletes, professional sports teams, and municipal accounts tweeting graphics like this when they want to share a long statement, apology, or update. Not only is this horribly inaccessible, but it’s just bad social media.
  42. Ideally, when a brand, organization, or public figure needs to share a long statement, that full readable statement will live on the news or PR section of their website. While social media is great for engaging with your followers, it should never be treated like a replacement for your website.   Putting long-form statements on your website is great from an accessibility standpoint as well as an archival one. Finding a previous statement in a specific area of your website is much easier than scrolling through numerous social media feeds. After you’ve put your statement on your website, you can then link to it from a post or tweet as needed.
  43. If you still want a visual to go with your social media content, that’s totally understandable, as most posts perform better if they have an image attached to them. Let’s pretend this image is the original statement that you wanted to share on social media. That’s a lot of copy to slam onto a single graphic and it’s not exactly easy to read. The attention span of most social media users is incredibly short. [CLICK] Plus, a majority of people look at social media on their phones nowadays, so the likelihood of someone stopping to read your graphic is much lower if it looks like this. Adding alt text to the image may make it accessible, but it won’t make it engaging.
  44. Instead of using the full statement for your graphic, pull a single impactful quote from it and make that your visual for social media. Remember, simple graphics work better and are more likely to be engaged with. Make sure the alt text you add to your graphic includes all the flattened copy on it as well. The alt text for this graphic could be something like, "Blue graphic that reads, 'Graphics created for social media should be treated like billboards.'" Clear and concise. [CLICK] Now that you have your full statement on your site in a readable format and an abbreviated visual to complement it for your social media content, you can just write something brief for your post or tweet and then include the link to the statement at the end.
  45. Now look at our two graphics side-by-side. At a quick glance, which is easier to read and engage with?
  46. And our final section will go over making audio and video accessible.
  47. I know everyone is probably thinking of captions, but I want to talk about video descriptions briefly. First there are audio descriptions, which are a form of narration used to provide info surrounding key visual elements in videos for blind and low vision consumers. They’re an accessible option on popular streaming services like Netflix, Hulu, and Disney+. As an example, I have this screenshot from my Netflix account. The audio description option, when available for a show or movie, is housed under the same menu as captions and subtitles. You’ll find it to the left.
  48. An audio description adds an additional audio track to a video that can be toggled on and off by supported platforms. Unfortunately, traditional audio descriptions are not supported by YouTube, Vimeo, or most social media platforms because you cannot upload multiple audio tracks with a single video. Although YouTube is supposedly working on a feature that could soon change that. Until then, an option for making accessible videos with audio descriptions for those platforms is to create two versions of your video, one with an audio description integrated with the rest of your video’s audio and one without
  49. Another option for making the visual elements of your video accessible for blind and low vision users is to create a written description and have it available as readable text with your video. Gucci did this for their “Gucci Gift 2020” holiday campaign. The campaign’s promotional video featured a 90s office throwing a retro 70s-themed party. The iconic fashion brand wrote a brief visual description of the video in the caption area on their YouTube channel and Facebook page.
  50. The social media team for the show Wheel of Time loves to post quick video snippets on the show’s Twitter account, but many of their videos include little to no dialogue. In order to make the show’s digital content more accessible, the social media team will thread a written description to each tweet that features a video. They have been commended by many of their fans and followers for creating inclusive content like this.
  51. And finally, we’re going to chat about captions. Now, no matter where a video is posted, whether it's on a website or social media, it should have captions (sometimes called subtitles) so that deaf and hard of hearing users can access and enjoy the content. Captions can also provide a better experience for a viewer with a learning disability, an attention deficit, or autism. They’re also helpful if you don’t understand the spoken language, you’re in a noisy environment, a video has poor audio, or if a speaker is talking too fast or has an accent.
  52. It’s also a well-known statistic that 85% of users watch or begin watching videos with the sound off, making captioning a good marketing move in addition to being an accessibility best practice. I am one of those people. I have found that it’s easier for me to understand information when it’s in a visual format rather than an audio format, so captions make video content easier for me to absorb.
  53. Captions come in two forms, closed and open. Closed captioning can be toggled on and off based on the preferences of the viewer and is typically an option on platforms like Netflix and YouTube. Open captions, on the other hand, are permanently burned onto a video and always visible. They’re also known as embedded captions or burned captions. Open captions are normally used when closed captioning isn’t an option or if the content creator wants more creative freedom over the look and feel of their captions.
  54. An easy way to add closed captioning to a video is to use YouTube. To do this you’re going to: [CLICK] Upload your video to your YouTube channel as unlisted. You can now freely work on your video without it popping up in search results or showing on your channel. [CLICK] Allow YouTube time to generate auto-captions for your video. How long this process takes will depend on the length of your video and how much dialogue it includes. After some time has passed, head to the Subtitles panel in YouTube Studio to check on the status of the auto-captions. You’ll know when the auto-captions are done because you’ll see the option to Duplicate and Edit them. [CLICK] Once the auto-captions have been created by YouTube, click Duplicate and Edit and revise the auto-captions as needed. While YouTube’s captioning technology is decent, it doesn’t include punctuation or capitalization and sometimes struggles with proper names, so you should ALWAYS edit the auto-captions and never just publish them as-is. [CLICK] After you’ve finished editing the auto-captions, click the Publish button in the upper right of the window. [CLICK] Delete the auto-captions for the video so that your edited captions are the only available captions. [CLICK] Allow YouTube time to process your edited captions and sync their timing with the video audio. How long this process takes will depend on the length of your video and how much dialogue it includes. [CLICK] Once YouTube has finished processing your captions, switch the status of your video to public (if you want it to be public). This is personally how I like to create closed captions because it’s free and YouTube does a bulk of the work for me. Another perk to creating your captions on YouTube is that you can download the SRT captions file for your video and use it if you upload your video directly to any platform that supports uploading SRT files with videos. You can also use the SRT file to create open captions in some video production programs.
  55. Open captions are the practical option when closed captions aren’t readily available. There are several great and affordable captioning apps out there including MixCaptions, Clipomatic, AutoCap, Kapwing, Clips, and Threads. TikTok also has a unique text-to-speech feature that allows you to narrate any open captions you add to your content using the text tool within the app, as demonstrated here.
  56. Thanks for tuning in today! We’re going to head into the Q+A portion of the session now, but if you have feedback or more questions for me after we’ve all logged off for the day, feel free to connect with me online at accessible dash social dot com or find me on social media. I’m always more than happy to chat about digital accessibility!