SlideShare a Scribd company logo
Accessible comics!
Comics School, Day 1:
Comics are about
relationships.
image & image
image & image image & text
image & image image & text image & culture
Comics are
expressive!
Comics are
expressive!
Little Nemo in Slumberland,
Winsor McCay (1905)
Comics are
expressive!
Excerpt from El Deafo, Cece Bell (2014)
They share stories and
information in an
easily consumable way.
The Nib
Comics can help
teach about
accessibility.
Comics can help
teach about
accessibility.
“What if” from my comics series
about a fictional Designer Dude
Comics can help
teach about
accessibility.
Salesforce UX posters to promote
usage of reusable components
Comics can help
teach about
accessibility.
Excerpt from “The Postcards Guide
to Braille!,” Constanza Yovaniniz
But most comics
have an accessibility
barrier...
But most comics
have an accessibility
barrier...
My personal experience as a reader...
● Is the text legible?
○ Contrast matters
○ Font size and kerning
○ Web: Can I highlight text to read it?
My personal experience as a reader...
● Is the text legible?
○ Contrast matters
○ Font size and kerning
○ Web: Can I highlight text to read it?
● Is it high enough resolution?
○ Are any important details missing, blurred
My personal experience as a reader...
● Is the text legible?
○ Contrast matters
○ Font size and kerning
○ Web: Can I highlight text to read it?
● Is it high enough resolution?
○ Are any important details missing, blurred
● Is it written in my language?
My personal experience as a reader...
● Is the text legible?
○ Contrast matters
○ Font size and kerning
○ Web: Can I highlight text to read it?
● Is it high enough resolution?
○ Are any important details missing, blurred
● Is it written in my language?
● Web: Is it easy to find it again if I forget to bookmark it?
Transcription
assistive
technology
search
engines
assistive
technology
search
engines
assistive
technology
automatic
translators
OhNoRobot.com
Questions to think about as you transcribe
● What’s the tone of the work?
○ How would you tell this story on the radio?
○ Listen: Netflix audio descriptions
Questions to think about as you transcribe
● What’s the tone of the work?
○ How would you tell this story on the radio?
○ Listen: Netflix audio descriptions
● What information should you include?
○ And how much?
○ Exercise: Sit back-to-back with a friend and have
them draw what you describe
Questions to think about as you transcribe
● What’s the tone of the work?
○ How would you tell this story on the radio?
○ Listen: Netflix audio descriptions
● What information should you include?
○ And how much?
○ Exercise: Sit back-to-back with a friend and have
them draw what you describe
● Liana Kerr’s “On Describing Comics” is a must-read
Broodhollow, Kris Straub
(transcription by Liana Kerr)
White background.
Panel 1.
A young man is laying on his back on a flat,
armless couch, his eyes closed and his hands
folded over his belly. He is drawn in a flat,
cartoonish style reminiscent of 1930s pop art,
with a shock of hair sticking up from the top of
his head and a rounded face. He's wearing brown
pants, a buttoned up tan shirt and red
suspenders.
Someone offscreen says "Mr. Zane... You were
about to tell me what brought you here."
Zane replies "A taxi. Ha ha." Then, more quietly,
"No, I walked. I haven't seen any taxis."
My 2015 retrospective comic
Narration: If I had to pick one word to
describe my 2015, it would be
overwhelming.
Illustration: Me lying blissfully on my
couch with my feet up over the back
cushions, one striped sock and one polka
dot sock. There’s a “plop” sound effect, like
I’ve just fell onto the couch, and an arrow
pointing at me that says “me at the end of
some stressful days.” I think, “It’s so nice
to just lounge here like this… but I should
go be productive.”
Formatting and placement
● I haven’t found any agreed-upon formatting
guidelines for comic transcripts, but…
○ can learn a lot from scripts
○ ComicsML (XML) has a lot of potential
Formatting and placement
● I haven’t found any agreed-upon formatting
guidelines for comic transcripts, but…
○ can learn a lot from scripts
○ ComicsML (XML) has a lot of potential
● Best practice: Visible transcript or visible link to
transcript immediately after comic
○ alt and long-desc aren’t very accessible to
people navigating visually
Formatting and placement
● I haven’t found any agreed-upon formatting
guidelines for comic transcripts, but…
○ can learn a lot from scripts
○ ComicsML (XML) has a lot of potential
● Best practice: Visible transcript or visible link to
transcript immediately after comic
○ alt and long-desc aren’t very accessible to
people navigating visually
● Consider audio recordings!
<panel>
<url>http://www.jmac.org/xml/dcs-xml/panel3.gif</url>
<panel-desc>
<action>Burt interrupts Martha, brandishing a sandwich
at her. Martha looks confused.</action>
<speech>
<character>Burt</character>
<text><strong>Pagh!</strong>Again, I have completed
construction of my chicken sandwich in half the time
as you. Your "Kitchen Creation Myths" remain
unconstructive drivel!</text>
</speech>
</panel-desc>
</panel>
Excerpt from Jason McIntosh’s ComicsML framework
Brocedurally Generated, my experimental webcomic
Brocedurally Generated, my experimental webcomic
Brocedurally Generated, my experimental webcomic
Brocedurally Generated, my experimental webcomic
<section class="tier"
aria-label="Tier 1">
<div class="panel animated">
<img src="..." alt=
"A bed with a sock
hanging off the side, a
hairy bare leg poking out
from under a blanket. A
phone on the table reads
11:00." />
</div>
</section>
<div class="panel animated">
<span aria-hidden="true">
Want to join our
Burning Man camp?
</span>
<span aria-hidden="true">
No way.
</span>
<img src="..." alt=
"Evan smiles while holding
a disposable coffee cup.
Evan says, 'Want to join
our Burning Man camp?'
Someone says, 'No way.'" />
</div>
Tactile Comics
Excerpt from my 2015 retrospective comic, in which I was extremely giddy about
Shaun Kane & Sina Bahram’s CSUN 2015 presentation about 3D printing comics
Sensus: El universo en sus ojos
Jorge Grajales & Bernando Fernández (“Bef”)
Life
Philipp Meyer
Shapereader
Ilan Manouach
image & image image & text image & culture
Comics School, Day 1:
Everything is
a comic.
Thanks!
@cordeliadillon

More Related Content

Similar to Accessible Comics!!! (#ID24)

IG1 Task 2
IG1 Task 2IG1 Task 2
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL BuzzNeed Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
Jean Henderson
 
W.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenetW.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenet
scafondram
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)
Bonny Colville-Hyde
 
February 3 6
February 3 6February 3 6
February 3 6
catherineduffy
 
How to Make Comic Books
How to Make Comic BooksHow to Make Comic Books
How to Make Comic Books
Brendan Montgomery
 
Blog - 2.0 Learning!
Blog - 2.0 Learning!Blog - 2.0 Learning!
Blog - 2.0 Learning!
tortadericota
 
Personal Narrative Essay Lesson Plans
Personal Narrative Essay Lesson PlansPersonal Narrative Essay Lesson Plans
Personal Narrative Essay Lesson Plans
Amy White
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
Harry Richardson
 
Planning
PlanningPlanning
Planning
OliverKeppie
 
Future of the Social Web and How to Stop It
Future of the Social Web and How to Stop ItFuture of the Social Web and How to Stop It
Future of the Social Web and How to Stop It
Chris Messina
 
40698393 ux-storytellers
40698393 ux-storytellers40698393 ux-storytellers
40698393 ux-storytellers
jacksonassociates
 
HarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the peopleHarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the people
Michael Bernstein
 
Creating a narrative for ESOL level 2
Creating a narrative for ESOL level 2Creating a narrative for ESOL level 2
Creating a narrative for ESOL level 2
aliah1981
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
twilliams1992
 
Remarkable writing
Remarkable writingRemarkable writing
Remarkable writing
ggarro
 
How to write a short story that works
How to write a short story that worksHow to write a short story that works
How to write a short story that works
Canh Ket
 
Digital Graphic Narrative!
Digital Graphic Narrative!Digital Graphic Narrative!
Digital Graphic Narrative!
Luke Jackson
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
Sam Hughes
 
MFL tools and tricks - update Dec14
MFL tools and tricks - update Dec14MFL tools and tricks - update Dec14
MFL tools and tricks - update Dec14
jonmeier
 

Similar to Accessible Comics!!! (#ID24) (20)

IG1 Task 2
IG1 Task 2IG1 Task 2
IG1 Task 2
 
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL BuzzNeed Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
Need Help With Essay Writing. . Step-By-Step Guide to Essay Writing - ESL Buzz
 
W.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenetW.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenet
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)
 
February 3 6
February 3 6February 3 6
February 3 6
 
How to Make Comic Books
How to Make Comic BooksHow to Make Comic Books
How to Make Comic Books
 
Blog - 2.0 Learning!
Blog - 2.0 Learning!Blog - 2.0 Learning!
Blog - 2.0 Learning!
 
Personal Narrative Essay Lesson Plans
Personal Narrative Essay Lesson PlansPersonal Narrative Essay Lesson Plans
Personal Narrative Essay Lesson Plans
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Planning
PlanningPlanning
Planning
 
Future of the Social Web and How to Stop It
Future of the Social Web and How to Stop ItFuture of the Social Web and How to Stop It
Future of the Social Web and How to Stop It
 
40698393 ux-storytellers
40698393 ux-storytellers40698393 ux-storytellers
40698393 ux-storytellers
 
HarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the peopleHarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the people
 
Creating a narrative for ESOL level 2
Creating a narrative for ESOL level 2Creating a narrative for ESOL level 2
Creating a narrative for ESOL level 2
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Remarkable writing
Remarkable writingRemarkable writing
Remarkable writing
 
How to write a short story that works
How to write a short story that worksHow to write a short story that works
How to write a short story that works
 
Digital Graphic Narrative!
Digital Graphic Narrative!Digital Graphic Narrative!
Digital Graphic Narrative!
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
MFL tools and tricks - update Dec14
MFL tools and tricks - update Dec14MFL tools and tricks - update Dec14
MFL tools and tricks - update Dec14
 

Recently uploaded

❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 
Domino Express Storyboard - TV Adv Toys 30"
Domino Express Storyboard - TV Adv Toys 30"Domino Express Storyboard - TV Adv Toys 30"
Domino Express Storyboard - TV Adv Toys 30"
Alessandro Occhipinti
 
In Focus_ The Evolution of Boudoir Photography in NYC.pdf
In Focus_ The Evolution of Boudoir Photography in NYC.pdfIn Focus_ The Evolution of Boudoir Photography in NYC.pdf
In Focus_ The Evolution of Boudoir Photography in NYC.pdf
Boudoir Photography by Your Hollywood Portrait
 
Cherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintingsCherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintings
sandamichaela *
 
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
homgo
 
My storyboard for the short film "Maatla".
My storyboard for the short film "Maatla".My storyboard for the short film "Maatla".
My storyboard for the short film "Maatla".
AlejandroGuarnGutirr
 
Colour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdfColour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdf
Ketan Naik
 
Minor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptxMinor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptx
MichaelMinor19
 
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdfAMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
ROENSHANERAMONAL1
 
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena PittmanFull CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
meenap32
 
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
tc73868
 
Heart Touching Romantic Love Shayari In English with Images
Heart Touching Romantic Love Shayari In English with ImagesHeart Touching Romantic Love Shayari In English with Images
Heart Touching Romantic Love Shayari In English with Images
Short Good Quotes
 
一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理
40fortunate
 
Barbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptxBarbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptx
LinaCosta15
 
FinalLessonPlanResponding.docxnknknknknknk
FinalLessonPlanResponding.docxnknknknknknkFinalLessonPlanResponding.docxnknknknknknk
FinalLessonPlanResponding.docxnknknknknknk
abbieharman
 
All the images mentioned in 'See What You're Missing'
All the images mentioned in 'See What You're Missing'All the images mentioned in 'See What You're Missing'
All the images mentioned in 'See What You're Missing'
Dave Boyle
 
storyboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hatstoryboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hat
LyneSun
 
Jennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic SandbagJennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic Sandbag
mariajennifermurillo
 
This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!
briannedpegg
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 

Recently uploaded (20)

❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 
Domino Express Storyboard - TV Adv Toys 30"
Domino Express Storyboard - TV Adv Toys 30"Domino Express Storyboard - TV Adv Toys 30"
Domino Express Storyboard - TV Adv Toys 30"
 
In Focus_ The Evolution of Boudoir Photography in NYC.pdf
In Focus_ The Evolution of Boudoir Photography in NYC.pdfIn Focus_ The Evolution of Boudoir Photography in NYC.pdf
In Focus_ The Evolution of Boudoir Photography in NYC.pdf
 
Cherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintingsCherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintings
 
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
 
My storyboard for the short film "Maatla".
My storyboard for the short film "Maatla".My storyboard for the short film "Maatla".
My storyboard for the short film "Maatla".
 
Colour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdfColour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdf
 
Minor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptxMinor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptx
 
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdfAMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
AMCC-Syllabus-Art-Appreciation-2024-Summer.pdf
 
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena PittmanFull CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
Full CAD Project Cardiovascuwhore Debut PDF CAD Meena Pittman
 
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
 
Heart Touching Romantic Love Shayari In English with Images
Heart Touching Romantic Love Shayari In English with ImagesHeart Touching Romantic Love Shayari In English with Images
Heart Touching Romantic Love Shayari In English with Images
 
一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理
 
Barbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptxBarbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptx
 
FinalLessonPlanResponding.docxnknknknknknk
FinalLessonPlanResponding.docxnknknknknknkFinalLessonPlanResponding.docxnknknknknknk
FinalLessonPlanResponding.docxnknknknknknk
 
All the images mentioned in 'See What You're Missing'
All the images mentioned in 'See What You're Missing'All the images mentioned in 'See What You're Missing'
All the images mentioned in 'See What You're Missing'
 
storyboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hatstoryboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hat
 
Jennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic SandbagJennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic Sandbag
 
This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
 

Accessible Comics!!! (#ID24)

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. Comics School, Day 1: Comics are about relationships.
  • 10. image & image image & text
  • 11. image & image image & text image & culture
  • 13. Comics are expressive! Little Nemo in Slumberland, Winsor McCay (1905)
  • 14. Comics are expressive! Excerpt from El Deafo, Cece Bell (2014)
  • 15. They share stories and information in an easily consumable way.
  • 17. Comics can help teach about accessibility.
  • 18. Comics can help teach about accessibility. “What if” from my comics series about a fictional Designer Dude
  • 19. Comics can help teach about accessibility. Salesforce UX posters to promote usage of reusable components
  • 20. Comics can help teach about accessibility. Excerpt from “The Postcards Guide to Braille!,” Constanza Yovaniniz
  • 21. But most comics have an accessibility barrier...
  • 22. But most comics have an accessibility barrier...
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. My personal experience as a reader... ● Is the text legible? ○ Contrast matters ○ Font size and kerning ○ Web: Can I highlight text to read it?
  • 28. My personal experience as a reader... ● Is the text legible? ○ Contrast matters ○ Font size and kerning ○ Web: Can I highlight text to read it? ● Is it high enough resolution? ○ Are any important details missing, blurred
  • 29. My personal experience as a reader... ● Is the text legible? ○ Contrast matters ○ Font size and kerning ○ Web: Can I highlight text to read it? ● Is it high enough resolution? ○ Are any important details missing, blurred ● Is it written in my language?
  • 30. My personal experience as a reader... ● Is the text legible? ○ Contrast matters ○ Font size and kerning ○ Web: Can I highlight text to read it? ● Is it high enough resolution? ○ Are any important details missing, blurred ● Is it written in my language? ● Web: Is it easy to find it again if I forget to bookmark it?
  • 36. Questions to think about as you transcribe ● What’s the tone of the work? ○ How would you tell this story on the radio? ○ Listen: Netflix audio descriptions
  • 37. Questions to think about as you transcribe ● What’s the tone of the work? ○ How would you tell this story on the radio? ○ Listen: Netflix audio descriptions ● What information should you include? ○ And how much? ○ Exercise: Sit back-to-back with a friend and have them draw what you describe
  • 38. Questions to think about as you transcribe ● What’s the tone of the work? ○ How would you tell this story on the radio? ○ Listen: Netflix audio descriptions ● What information should you include? ○ And how much? ○ Exercise: Sit back-to-back with a friend and have them draw what you describe ● Liana Kerr’s “On Describing Comics” is a must-read
  • 39. Broodhollow, Kris Straub (transcription by Liana Kerr) White background. Panel 1. A young man is laying on his back on a flat, armless couch, his eyes closed and his hands folded over his belly. He is drawn in a flat, cartoonish style reminiscent of 1930s pop art, with a shock of hair sticking up from the top of his head and a rounded face. He's wearing brown pants, a buttoned up tan shirt and red suspenders. Someone offscreen says "Mr. Zane... You were about to tell me what brought you here." Zane replies "A taxi. Ha ha." Then, more quietly, "No, I walked. I haven't seen any taxis."
  • 40. My 2015 retrospective comic Narration: If I had to pick one word to describe my 2015, it would be overwhelming. Illustration: Me lying blissfully on my couch with my feet up over the back cushions, one striped sock and one polka dot sock. There’s a “plop” sound effect, like I’ve just fell onto the couch, and an arrow pointing at me that says “me at the end of some stressful days.” I think, “It’s so nice to just lounge here like this… but I should go be productive.”
  • 41. Formatting and placement ● I haven’t found any agreed-upon formatting guidelines for comic transcripts, but… ○ can learn a lot from scripts ○ ComicsML (XML) has a lot of potential
  • 42. Formatting and placement ● I haven’t found any agreed-upon formatting guidelines for comic transcripts, but… ○ can learn a lot from scripts ○ ComicsML (XML) has a lot of potential ● Best practice: Visible transcript or visible link to transcript immediately after comic ○ alt and long-desc aren’t very accessible to people navigating visually
  • 43. Formatting and placement ● I haven’t found any agreed-upon formatting guidelines for comic transcripts, but… ○ can learn a lot from scripts ○ ComicsML (XML) has a lot of potential ● Best practice: Visible transcript or visible link to transcript immediately after comic ○ alt and long-desc aren’t very accessible to people navigating visually ● Consider audio recordings!
  • 44.
  • 45. <panel> <url>http://www.jmac.org/xml/dcs-xml/panel3.gif</url> <panel-desc> <action>Burt interrupts Martha, brandishing a sandwich at her. Martha looks confused.</action> <speech> <character>Burt</character> <text><strong>Pagh!</strong>Again, I have completed construction of my chicken sandwich in half the time as you. Your "Kitchen Creation Myths" remain unconstructive drivel!</text> </speech> </panel-desc> </panel> Excerpt from Jason McIntosh’s ComicsML framework
  • 46. Brocedurally Generated, my experimental webcomic
  • 47. Brocedurally Generated, my experimental webcomic
  • 48. Brocedurally Generated, my experimental webcomic
  • 49. Brocedurally Generated, my experimental webcomic
  • 50. <section class="tier" aria-label="Tier 1"> <div class="panel animated"> <img src="..." alt= "A bed with a sock hanging off the side, a hairy bare leg poking out from under a blanket. A phone on the table reads 11:00." /> </div> </section>
  • 51. <div class="panel animated"> <span aria-hidden="true"> Want to join our Burning Man camp? </span> <span aria-hidden="true"> No way. </span> <img src="..." alt= "Evan smiles while holding a disposable coffee cup. Evan says, 'Want to join our Burning Man camp?' Someone says, 'No way.'" /> </div>
  • 53. Excerpt from my 2015 retrospective comic, in which I was extremely giddy about Shaun Kane & Sina Bahram’s CSUN 2015 presentation about 3D printing comics
  • 54. Sensus: El universo en sus ojos Jorge Grajales & Bernando Fernández (“Bef”)
  • 57. image & image image & text image & culture
  • 58. Comics School, Day 1: Everything is a comic.
  • 59.