Yan and Coffee's Blog

About

My name is Yan Li. I’m a Senior Software Engineer at Adobe and I like to create user experiences that matter. This is my place to share posts about web development involving Javascript, CSS, React and UI/UX.

You can find me on , , and .

Writing

• Button vs Div for Accessibility Aug 10, 2020
  A TLDR; post on the pros/cons of using a <button> vs <div role="button">.
• Creating a <SkipLinks /> Component Jul 05, 2020
  An easy, reusable solution for adding skip navigation links to all your React apps
• Accessibility Is Not a Project to Be Completed Jun 21, 2020
  It's more than just tickets in the backlog. You're not solving for accessibility if you treat it like a project.
• Accessible Modals, Part 2 - Focus Trap! Key Events! Jun 06, 2020
  In this continuation, you'll learn how to create a focus trap within your dialog modal to keep track of key events that allow keyboard users to access your perfectly designed modal.
• Accessible Modals, Part 1 - Its Issues and the Solutions May 25, 2020
  Modals are a pretty common pattern in UI/UX design, but they also come with a lot of accessibility concerns if done incorrectly. Here's how you can do it right.
• Accessible Navigation With Smooth Scrolling + Focus Management May 08, 2020
  Ever wonder how your users can navigate to a section smoothly and not lose their keyboard focus?
• Hi, My Name Is Yan! May 06, 2020