131 lines
4.2 KiB
HTML
131 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<title>reveal.js</title>
|
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/reveal.css">
|
|
<link rel="stylesheet" href="css/theme/black.css">
|
|
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
|
|
|
|
<!-- Theme used for syntax highlighting of code -->
|
|
<link rel="stylesheet" href="lib/css/monokai.css">
|
|
|
|
<!-- Printing and PDF exports -->
|
|
<script>
|
|
var link = document.createElement( 'link' );
|
|
link.rel = 'stylesheet';
|
|
link.type = 'text/css';
|
|
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
<section class="text-left">
|
|
<h1 class="m-0 leading-none">
|
|
A11y First
|
|
<div>
|
|
<small>
|
|
<span class="text-gray-600">&</span> Everyone Wins
|
|
</small>
|
|
</div>
|
|
</h1>
|
|
<small><a href="https://www.wroten.me/">Ava Gaiety Wroten</a></small>
|
|
</section>
|
|
|
|
<section>
|
|
<p>
|
|
Ava Wroten
|
|
<br>
|
|
<small>She/Her</small>
|
|
</p>
|
|
<img src="./photo.png" alt="" role="presentation" class="w-40 inline-block" />
|
|
<p>
|
|
Software Engineer at <img src="./allovue.svg" alt="Allovue" class="inline-block pl-2" style="border: none; background: none;" />
|
|
</p>
|
|
<p class="text-sm">
|
|
On Gitlab @gaiety
|
|
<span class="inline-block mx-4">
|
|
<img src="./avatar.png" alt="" role="presentation" class="inline-block w-20" />
|
|
</span>
|
|
Or Github @sharpshark28
|
|
</p>
|
|
</section>
|
|
|
|
<section class="font-mono">
|
|
<p><span class="text-yellow-400">A</span>ccessibilit<span class="text-yellow-400">y</span></p>
|
|
<p><span class="text-yellow-400">A</span>....11.....<span class="text-yellow-400">Y</span></p>
|
|
<p><span class="text-yellow-400">A11Y</span></p>
|
|
</section>
|
|
|
|
<section>
|
|
<div>
|
|
<cite class="text-sm text-gray-400">
|
|
World Health Organization
|
|
</cite>
|
|
</div>
|
|
<h2>
|
|
<span class="text-yellow-400">15%</span> of the World
|
|
<div>
|
|
<small>
|
|
lives with some form of disability
|
|
</small>
|
|
</div>
|
|
</h2>
|
|
</section>
|
|
|
|
<section>
|
|
<p>Web assistive technologies commonly help with...</p>
|
|
<ul>
|
|
<li>Vision</li>
|
|
<li>Hearing</li>
|
|
<li>Movement</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<p>TODO: Varying degrees of disability...</p>
|
|
</section>
|
|
|
|
<section data-background-iframe="https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/listbox-rearrangeable.html" data-background-interactive>
|
|
</section>
|
|
|
|
<section data-background-iframe="http://localhost:4200/52958" data-background-interactive>
|
|
</section>
|
|
|
|
<section data-background-iframe="http://localhost:4201/52958" data-background-interactive>
|
|
<p>v2.x.x ember-sortable</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Where do we go from here?</h2>
|
|
<ul>
|
|
<li><a href="https://github.com/adopted-ember-addons/ember-sortable/pull/345">ember-sortable v2.2.x modifiers</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/reveal.js"></script>
|
|
|
|
<script>
|
|
// More info about config & dependencies:
|
|
// - https://github.com/hakimel/reveal.js#configuration
|
|
// - https://github.com/hakimel/reveal.js#dependencies
|
|
Reveal.initialize({
|
|
hash: true,
|
|
dependencies: [
|
|
{ src: 'plugin/markdown/marked.js' },
|
|
{ src: 'plugin/markdown/markdown.js' },
|
|
{ src: 'plugin/highlight/highlight.js' },
|
|
{ src: 'plugin/notes/notes.js', async: true }
|
|
]
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|