1
0
Fork 0

Presentation details

This commit is contained in:
Ava Wroten 2020-03-09 21:03:13 -05:00
parent 8d5d95040f
commit ff234d1646

View file

@ -59,7 +59,7 @@
</p>
<img src="./photo.png" alt="" role="presentation" class="w-40 inline-block" />
<p>
Software Engineer at <a href="https://allovue.com/"><img src="./allovue.svg" alt="Allovue" class="inline-block pl-4" style="border: none; background: none; height: 1.25em;" /></a>
Software Engineer at <a href="https://allovue.com/"><img src="./allovue.svg" alt="Allovue" class="inline-block pl-4 shadow-none" style="border: none; background: transparent; height: 1.25em;" /></a>
</p>
<p class="text-sm">
On Gitlab @gaiety
@ -72,17 +72,21 @@
<section>
<h2>
Intro
We'll Discuss
</h2>
<ol>
<li>Topic</li>
<li>Topic</li>
</ol>
<p>A project feature saved by A11y</p>
<ul>
<li>Composable Components</li>
<li>Discoverable UX</li>
<li>Rendering Tests</li>
</ul>
</section>
<section>
<h2>
Feature: Item Reordering
Feature: <em>Item Reordering</em>
</h2>
<p class="fragment">Mouse Drag & Drop</p>
<p class="fragment text-gray-600">Do we support Touch?</p>
@ -160,6 +164,9 @@
</section>
<section data-background-iframe="https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/listbox-rearrangeable.html" data-background-interactive>
<aside class="notes">
This UI felt intuitive because it used existing UI elements and keyboard shortcuts I was familiar with.
</aside>
</section>
<section>
@ -195,10 +202,6 @@
</div>
</section>
<section>
TODO: Living Styleguide?
</section>
<section data-background-iframe="http://localhost:4200/52958" data-background-interactive>
</section>
@ -234,8 +237,10 @@
<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>
<li class="fragment"><a href="https://github.com/adopted-ember-addons/ember-sortable/pull/345">ember-sortable v2.2.x modifiers</a></li>
<li class="fragment"><a href="https://github.com/ember-a11y/ember-a11y-testing">ember-a11y-testing</a></li>
</ul>
</section>
@ -243,10 +248,11 @@
<h2>
Outro
</h2>
<ol>
<li>Topic</li>
<li>Topic</li>
</ol>
<ul>
<li>Adding Functionality w/ Composable Components</li>
<li>Equitable & Discoverable UX</li>
<li>Automation Testing A11y</li>
</ul>
</section>
<section data-background-color="#5677e4">