CodeNewbie Community 🌱

Discussion on: I’m Tyler Hawkins — Software Engineer, Accessibility Advocate, Musician. Ask Me Anything!

Collapse
 
thawkin3 profile image
Tyler Hawkins • Edited

The biggest missed opportunity I've seen is when developers fail to use correct semantic HTML elements. If you have a button in your UI, use the <button> element! All too often we see people attaching click handlers to <span> and <div> elements or overriding the href attribute on an <a> link. When you use the correct semantic elements, you get a whole bunch of accessibility features built right in by default.

For other pointers:

  1. Learn the standards found in the Web Content Accessibility Guidelines (WCAG)
  2. Learn how to use a screen reader like VoiceOver or NVDA
  3. Use tools like the axe Chrome extension to audit your app and identify simple a11y violations and easy fixes
Collapse
 
michaeltharrington profile image
Michael Tharrington

Thanks so much for this thorough reply and apologies for this delayed response. Really appreciate you sharing this advice — the missed <button> mistake def sounds like a missed opportunity!