Friction in iframe

Interactive alerts

Friction A11y View: Visual and Described content side by side

The accessible version of Friction is embedded in the iframe below. As you interact with the visual sim in the iframe with either a keyboard or mouse, the descriptions for the sim automatically update on the right in a structured Parallel Document Object Model, or PDOM. Interactive Alerts (in orange) announce key changes of what is happening during interaction, while the dynamic descriptions (in green) automatically update in the background, maintaining an up-to-date description of the state of the sim and all its objects. Static descriptions (in blue) identify regions and objects and do not change.

Friction descriptions structured in a Parallel DOM

Static and Dynamic Descriptions