Date: Mon, 19 Oct 2020 07:00:00 -0000
<p>Accessibility is the process of creating applications that are usable by everyone, especially focusing on those with disabilities. As web developers, it’s important that we design and build our applications to be usable by everyone, so in today’s episode, we’re joined by Wendy Fox, the design systems lead at LogMeIn, to discuss nine common pitfalls of application accessibility and what you can do to fix them.</p> <h2>Show Notes</h2> <ul> <li><strong>4:46</strong> - Why should we care about accessibility?</li> <li><strong>8:43</strong> - Types of accessibility</li> <li><strong>12:24</strong> - Semantic HTML</li> <li><strong>16:37</strong> - Virtually hiding content</li> <li><strong>17:57</strong> - Aria label vs. labelledby</li> <li><strong>21:14</strong> - The accessibility tree</li> <li><strong>23:50</strong> - Focus states</li> <li><strong>27:29</strong> - Color contrast</li> <li><strong>32:04</strong> - Keyboard traps</li> <li><strong>35:02</strong> - Animations</li> <li><strong>37:38</strong> - Time based content</li> <li><strong>41:21</strong> - Placeholders vs. labels</li> <li><strong>47:02</strong> - Accessibility tools</li> </ul> <h2>Tools</h2> <ul> <li><a href="https://twitter.com/drwendyfox" rel="nofollow">Wendy Fox Twitter</a></li> <li><a href="https://developers.google.com/web/tools/lighthouse" rel="nofollow">Google Lighthouse</a></li> <li><a href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd" rel="nofollow">Axe accessibility checker</a></li> </ul> <h2>Transcript</h2> <p><a href="https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/53-accessibility.md" rel="nofollow">Here</a> is the transcript for this week's episode.</p>
