Accessible Structure
Output Status Message
Report Calculated Results
A ticket form adds a numeric input and an output element so the browser page shows the calculated total as a status message.
Program
The output element represents a calculated result. When the result should be announced as it changes, role status describes that behavior.
output_status_message.html
<label for="qty">Tickets</label>
<input id="qty" name="qty" type="number" value="2">
<output for="qty" role="status">Total: $40</output>
output
An output element displays a value calculated from other inputs.
status role
A status region announces important updates without taking focus.