Writing the markup a user sees — a semantic element instead of a `div` with a click handler, the state a control must expose, where focus goes when a dialog opens and closes, announcing a change a screen reader would otherwise miss, no user-visible literal in markup, literal translation keys and keeping locale files in sync, plurals, and styling from the project's existing system and scale. Use when writing or reviewing markup, building a control, a modal or a form error, adding or changing user-visible text, adding a locale, or styling a component.