---
title: If it's Interactive, it Needs a Focus Style
teaser: Improve your site's accessibility using focus styles.
tags: design,accessibility,css
author: Thom Obarski
published_on: 2019-12-04
---

Focus styles don't have to be ugly! 	Rather, they are an integral part of any
mature design system.

[Eric Bailey](https://twitter.com/ericwbailey) discuss the intersection of Web
Content Accessibility Guidelines ([WCAG](https://www.w3.org/TR/WCAG20/))
compliance and Inclusive Design, new focus-related CSS selectors, as well as
strategies for how to effectively implement them in your organization.

<iframe
  title="If it's Interactive, it Needs a Focus Style - YouTube"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/43OYDFgLjMQ"
  frameborder="0"
  allow="accelerometer;
    autoplay;
    encrypted-media;
    gyroscope;
    picture-in-picture"
  allowfullscreen>
</iframe>

Check out more meetup presentations, editor tips/shortcuts, lightning talks,
behind the scenes bloopers, and more by subscribing to the [thoughtbot YouTube
Page](https://www.youtube.com/thoughtbotvideo)!