HTML’s Best Kept Secret: The <output> Tag
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
The <output> HTML tag provides built-in accessibility for displaying dynamic calculation results and user action outcomes. Mapped to role="status" in the accessibility tree, it announces value changes to screen readers without requiring ARIA attributes. Despite being in the HTML5 spec since 2008 with excellent browser support,
Table of contents
My moment of discoverySo why don’t we use it?A few things to knowReal world examplesServer-calculated output? No problem.Satisfaction guaranteedSort: