Skip to the page
Tactile UI Kit

Profile card

A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.

The coin sits in a socket cut into the plate; the facts are engraved into a second recess. Invite latches.

  • Each card is an <article> labelled by its heading, so a screen reader lists “Ada Okafor, article” and can jump between people.
  • The facts are a description list: “Sessions, 128”. Units are real text in <small>, read after the value.
  • The coin names itself and its status (“Ada Okafor, online”); the status line under the role says it in words as well.
  • Keys that latch (“Invite”) use aria-pressed; their lamp is a second signal.
Tactile UI Kit
Get the Founder Pass