Use the right markup for your presentation’s structure
Stick to widely used & open file formats
Make "accessible" your default mindset
Design for the mode of delivery
Use clear and simple figures and graphics
Write clearly
Guidelines from Making Scientific Content More Accessible
by Goring, Stack Whitney, Jacob, Bruna, and Poisot
We communicate effectively when we make our work open and accessible to a broad audience
Principles of inclusive design
2.1 Make “accessible” your default mindset
Figure from the Inclusive Design 101 Toolkit by Microsoft
Recognizing exclusion helps us call on our humanity and powers of empathy
By designing for someone with a permanent disability, someone with a situational limitation can also benefit
By putting people at the center of our design process we learn from diverse perspectives and experiences
Slide presentations require different design considerations than papers or posters
Design content with fewer and more focused details
We don't have to format a
slide presentation like a paper
Design tips:
Use context-relevant visual aids to help communicate your message
Focus attention and include only the most relevant details
Unify your content by maintaining consistency in layout and structure
2.2 Design for the mode of delivery
Better Presentations: A Guide for Scholars, Researchers, and Wonks by Jonathan Schwabish
Avoid writing a "wall of text," break up the content
Add a visual aid if it will help carry the message
Turn your visual into a larger background image
If your text overlaps with the background image, consider using CSS styling to give your text a background for contrast
Structure your text into smaller pieces and eliminate extra text
Emphasize important words or phrases with text formatting
Use incremental reveals to control the timing of content
Be consistent in your use of content classes
Place text and images consistently between slides
Balance content so that the slide is not too full
Use headings and lists to provide hierarchy and organization
Use color, font size, and
font type consistently
Use a similar style or theme of images or photographs
Complex images and figures can be difficult for:
your audience to process during your presentation
you to describe out loud as you are presenting
you to describe with alternative text (alt-text)
2.4 Use clear and simple figures and graphics
complex images can direct the audience attention away from your main message
complex images are harder to describe with alt text, which is necessary to make the image accessible to screen readers
Provide descriptive slide headings
Introduce and define abbreviations
Define field-specific terminology
Write to an audience outside of disciplinary
silos and even outside of academia
From Web Accessibility in Mind
From The A11Y Project
Use the right markup for your presentation’s structure
Stick to widely used & open file formats
Make "accessible" your default mindset
Design for the mode of delivery
Use clear and simple figures and graphics
Write clearly
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
No use of slide or content classes
Use of name: visual-not-good
---name: visual-not-good<slide content>---
The name
can then be used for internal linking like in the slide that brought us to this one
[Example slide: not good](#visual-not-good)
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
.pull-left[]
and .pull-right[]
classes
image inserted with knitr::include_graphics()
fig.alt=
code chunk
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
Blue-eyed black lemurs are:
sexually dichromatic: males are black with blue eyes and females are orange-brown with blue eyes
native to the tropical subhumid forests of northwestern Madagascar
rare and among the most threatened primates on Earth
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
use of an unordered list with dashes -
Blue-eyed black lemurs are:
sexually dichromatic: males are black with blue eyes and females are orange-brown with blue eyes
native to the tropical subhumid forests of northwestern Madagascar
rare and among the most threatened primates on Earth
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
use of an unordered list with dashes -
use of CSS classes to highlight text with a blue bold face
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Travel back to the Focusing attention slide
use of an unordered list with dashes -
incremental list items with --
separator
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Travel back to the Focusing attention slide
use of an unordered list with dashes -
incremental list items with --
separator
use of CSS classes to highlight text with a blue bold face
Keyboard shortcuts
↑, ←, Pg Up, k | Go to previous slide |
↓, →, Pg Dn, Space, j | Go to next slide |
Home | Go to first slide |
End | Go to last slide |
Number + Return | Go to specific slide |
b / m / f | Toggle blackout / mirrored / fullscreen mode |
c | Clone slideshow |
p | Toggle presenter mode |
t | Restart the presentation timer |
?, h | Toggle this help |
o | Tile View: Overview of Slides |
Esc | Back to slideshow |
Use the right markup for your presentation’s structure
Stick to widely used & open file formats
Make "accessible" your default mindset
Design for the mode of delivery
Use clear and simple figures and graphics
Write clearly
Guidelines from Making Scientific Content More Accessible
by Goring, Stack Whitney, Jacob, Bruna, and Poisot
We communicate effectively when we make our work open and accessible to a broad audience
Principles of inclusive design
2.1 Make “accessible” your default mindset
Figure from the Inclusive Design 101 Toolkit by Microsoft
Recognizing exclusion helps us call on our humanity and powers of empathy
By designing for someone with a permanent disability, someone with a situational limitation can also benefit
By putting people at the center of our design process we learn from diverse perspectives and experiences
Slide presentations require different design considerations than papers or posters
Design content with fewer and more focused details
We don't have to format a
slide presentation like a paper
Design tips:
Use context-relevant visual aids to help communicate your message
Focus attention and include only the most relevant details
Unify your content by maintaining consistency in layout and structure
2.2 Design for the mode of delivery
Better Presentations: A Guide for Scholars, Researchers, and Wonks by Jonathan Schwabish
Avoid writing a "wall of text," break up the content
Add a visual aid if it will help carry the message
Turn your visual into a larger background image
If your text overlaps with the background image, consider using CSS styling to give your text a background for contrast
Structure your text into smaller pieces and eliminate extra text
Emphasize important words or phrases with text formatting
Use incremental reveals to control the timing of content
Be consistent in your use of content classes
Place text and images consistently between slides
Balance content so that the slide is not too full
Use headings and lists to provide hierarchy and organization
Use color, font size, and
font type consistently
Use a similar style or theme of images or photographs
Complex images and figures can be difficult for:
your audience to process during your presentation
you to describe out loud as you are presenting
you to describe with alternative text (alt-text)
2.4 Use clear and simple figures and graphics
complex images can direct the audience attention away from your main message
complex images are harder to describe with alt text, which is necessary to make the image accessible to screen readers
Provide descriptive slide headings
Introduce and define abbreviations
Define field-specific terminology
Write to an audience outside of disciplinary
silos and even outside of academia
From Web Accessibility in Mind
From The A11Y Project
Use the right markup for your presentation’s structure
Stick to widely used & open file formats
Make "accessible" your default mindset
Design for the mode of delivery
Use clear and simple figures and graphics
Write clearly
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
No use of slide or content classes
Use of name: visual-not-good
---name: visual-not-good<slide content>---
The name
can then be used for internal linking like in the slide that brought us to this one
[Example slide: not good](#visual-not-good)
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
.pull-left[]
and .pull-right[]
classes
image inserted with knitr::include_graphics()
fig.alt=
code chunk
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Using visual aids slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
Meet the critically endangered blue-eyed black lemur (Eulemur flavifrons), a crowd favorite here at the DLC!
Blue-eyed black lemurs are the most distinctively sexually dichromatic of all the lemurs. Males are black with blue eyes, whereas females are orange-brown with blue eyes.
Hailing from the tropical subhumid forests of northwestern Madagascar, these rare lemurs are among the most threatened primates on Earth.
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
Blue-eyed black lemurs are:
sexually dichromatic: males are black with blue eyes and females are orange-brown with blue eyes
native to the tropical subhumid forests of northwestern Madagascar
rare and among the most threatened primates on Earth
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
use of an unordered list with dashes -
Blue-eyed black lemurs are:
sexually dichromatic: males are black with blue eyes and females are orange-brown with blue eyes
native to the tropical subhumid forests of northwestern Madagascar
rare and among the most threatened primates on Earth
Travel back to the Focusing attention slide
.pull-left[]
and .pull-right[]
classes
image inserted using:
background-image:
url(
background-position:
right
background-size:
contain
use of an unordered list with dashes -
use of CSS classes to highlight text with a blue bold face
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Travel back to the Focusing attention slide
use of an unordered list with dashes -
incremental list items with --
separator
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Blue-eyed black lemurs are:
Travel back to the Focusing attention slide
use of an unordered list with dashes -
incremental list items with --
separator
use of CSS classes to highlight text with a blue bold face