Tech News
← Back to articles

The <output> Tag

read original related products more articles

Every developer knows . It’s the workhorse of the web.

But ? Most have never touched it. Some don’t even know it exists.

That’s a shame, because it solves something we’ve been cobbling together with

s and ARIA for years: dynamic results that are announced to screen readers by default.

It’s been in the spec for years. Yet it’s hiding in plain sight.

Here’s what the HTML5 spec says:

The element represents the result of a calculation performed by the application, or the result of a user action.

It’s mapped to role="status" in the accessibility tree. In plain terms, it announces its value when it changes, as if it already had aria-live="polite" aria-atomic="true" .

In practice, that means updates do not interrupt the user. They are read shortly after, and the entire content is spoken rather than just the part that changed. You can override this behavior by setting your own ARIA properties if needed.

Usage is straightforward:

< output >Your dynamic value goes here

... continue reading