Warning : The AriaML specification is currently published as an Editor's Draft. This document is part of an ongoing research and development process. The syntax, the architecture of Behavior Sheets, and the lifecycle rules are subject to significant changes. This draft should not be considered stable or ready for production use.

Home Documentation DOM Synchronization Model Layer

DOM Synchronization Model Layer

Chapter in progress.

Example :

HTML

<aria-ml>
    <script type="application/ld+json">{
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Title",
        "inLanguage": "fr-FR",
        "direction": "ltr",
        "description": "Hello World"
    }</script>
    <h1 ref="name"></h1>
    <p ref="description"></p>
</aria-ml>

The name property will be interpreted by the browser as the document title. Furthermore, the ref attribute allows for synchronizing elements with the data. The idea is not new. It comes from the XForm module of XHTML. The ref attribute allows for precisely synchronizing the content of an element (or its value, if it is a form field) with a value contained in the model layer (made up of all the json and json-ld available on the page). The value of this attribute is expressed in XPath, a technology available in all browsers since the 2000s. The page becomes "alive" without the intervention of a programming language, and writing it is simpler and more concise.