View source for Accessibility/Video Accessibility/TAT

= Time-Aligned Text Format =

This page is experimenting with a simplified version of [http://www.w3.org/TR/ttaf1-dfxp/ DFXP].

These particular improvements are intended:
* focus on main functionality, i.e. remove overly complex features
* styling using the HTML approach, @style, css
* javascript for complex layout/styling changes


== Model ==

A TAT document instance consists of a tat document element that contains a header and a body, where the header specifies document level meta data, styling definitions, and script definitions (like in HTML), and the body specifies text content with layout and timing information.

<pre>
 <tat>
  <head>
   <meta/>
   <style/>
   <script/>
  </head>
  <body>
   <div>
    <p/>
    ...
   </div>
   <div/>
   ...
  </body>
 </tat>
</pre>

The body element is basically anchored to a certain rectangular region. The div elements inside are arranged within that space through styling.

The body element also maps to a basic time interval which anchors the document. The div and p elements have timing relative to that interval.

The body element's anchor region and basic time interval may be externally given.


== Examples ==

All-inclusive subtitle file:

<pre>
 <?xml version="1.0" encoding="UTF-8"?>
 <tat xmlns="http://something/tat">
  <head>
    <style>
      div#captionarea {
        color: white;
        background-color: #333333;
        opacity:0.8;
        font-size: 32px;
        face: arial;
        text-align: center;
        bottom: 0;
        position:absolute;
      }
    </style>
  </head>
  <body>
    <div id="captionarea" lang="en">
      <p begin="00:00:15.00" end="00:00:17.95">At <i>the</i> left we can see...</p>
      <p begin="00:00:18.16" end="00:00:20.08">At the right we can see the...</p>
      <p begin="00:00:20.11" end="00:00:21.96">...the head-snarlers</p>
      <p begin="00:00:21.99" end="00:00:24.36">Everything is safe.<br></br>Perfectly safe.</p>
    </div>
  </body>
 </tat>
</pre>


Subtitle file with external style sheet:

<pre>
 <?xml version="1.0" encoding="UTF-8"?>
 <tat xmlns="http://something/tat">
  <head>
    <style src="caption.css"/>
  </head>
  <body>
    <div id="captionarea" lang="en">
      <p begin="00:00:15.00" end="00:00:17.95">At <i>the</i> left we can see...</p>
      <p begin="00:00:18.16" end="00:00:20.08">At the right we can see the...</p>
      <p begin="00:00:20.11" end="00:00:21.96">...the head-snarlers</p>
      <p begin="00:00:21.99" end="00:00:24.36">Everything is safe.<br></br>Perfectly safe.</p>
    </div>
  </body>
 </tat>
</pre>