Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 2 additions & 44 deletions general-info/accessible-presenting.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,51 +30,9 @@ <h1>Presenting Accessibly Guide</h1>
<div class="row">
<div class="col-12">
<h2 id="specifics">Code4Lib {{site.data.conf.year}} Specifics</h2>
<p>For this year’s conference, the stream will utilize Zoom to feed into YouTube. Due to this, two parts of the screen will have added content in them:</p>

<ul>
<li>The upper right corner will show the speaker's camera.</li>
<li>The lower right corner will have a translucent “ZOOM” logo over the area.</li>
</ul>

<style>
#c4l22-slide-areas img {
width: 100%;
max-width: 800px;
display: block;
border: solid 1px;
margin: 1em 0;
}
#c4l22-slide-areas:hover {
background-color: transparent;
color: inherit;
border-bottom: none;
}
#c4l22-slide-areas:hover img {
border-width: 3px;
}
#c4l22-slide-areas:focus {
background: transparent;
color: initial;
border-bottom: none;
outline: none !important;
}
#c4l22-slide-areas:focus img {
outline: 3px dashed;
}
</style>
<a id="c4l22-slide-areas" href="/assets/img/accessibility/c4l22-slide-areas.png" target="_blank">
<img src="/assets/img/accessibility/c4l22-slide-areas.png" alt="Diagram illustrating the areas and sizes to leave open">
</a>

<p>We advise that presenters leave some open space in these areas to avoid any content being obscured. On a 16:9 presentation (13.33 inches by 7.5 inches), the size of the areas to keep clear (including some open spacing) are:</p>

<ul>
<li>Speaker's Camera: 2.5 inch by 1.5 inch area in the upper right</li>
<li>Zoom Logo: 2.8 inch by 1.1 inch area in the lower right</li>
</ul>

</div>
<p>Any specific accessibility considerations for the {{site.data.conf.year}} conference will be mentioned here.</p>
</div>
</div>

<div class="row">
Expand Down