Accessibility/Video Accessibility/TAT
Time-Aligned Text Format
This page is experimenting with a simplified version of 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.
<tat>
<head>
<meta/>
<style/>
<script/>
</head>
<body>
<div>
<p/>
...
</div>
<div/>
...
</body>
</tat>
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:
<?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>
Subtitle file with external style sheet:
<?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>
