My Bookshelf

Multipliers — leadership
Braiding Sweetgrass — ecology and Indigenous knowledge
Mismatch — inclusive design
Good Services — service design
Design for the Real World — socially responsible design
Algorithms of Oppression — technology and racial justice
Extra Bold — inclusive graphic design
Design Justice — community-led design
The Checklist Manifesto — systems and process
Enabling Acts — disability rights
The Body Keeps the Score — trauma and healing
Designing Accessible Learning Content — accessibility and learning design
No Need for Sight When You Have a Vision — disability and leadership
Irresistible Change — organizational change
Represented — Black history, photography, and representation
The Elements of Typographic Style — typography and design systems
Dark and Silent Office — workplace accessibility and inclusive communication
Weathered — street art, climate, and visual activism
Connections — disability, technology, and human connection
Living the California Dream — Black history and California leisure spaces
The Secret Ingredient — picture book, love, and belonging
Interface Frictions — digital culture and platform design
Mes Confitures — jam, preserves, and French cooking
Beyond Skin — medicine, representation, and racial equity
The Hidden Treasure of Black ASL — Black ASL, Deaf culture, and linguistics

Get the last item that had focus

September 20, 2019

Summary

Learn how to use the browser’s console tab to find the last item to have focus.

This post was restored from the Wayback Machine. It was originally published on September 20, 2019

There are a lot of times when you need to find out which item on a page has focus. This is especially tricky when controlling focus as you move in and out of modals and components. Here’s how you can get the object with focus on a web page.

Open inspector and choose the console tab.
Type: document.activeElement

This will return the element that currently has focus