-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (107 loc) · 5.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>DAISY Accessibility Metadata Viewer</title>
<link rel="stylesheet" type="text/css" href="css/viewer.css" />
</head>
<body>
<header>
<h1><img class="logo" src="graphics/daisy_high.jpg" alt="DAISY"> Accessibility Metadata Viewer</h1>
</header>
<main>
<p>This application converts the accessibility metadata in an EPUB package document or ONIX record into display
statements in accordance with the <a
href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/guidelines/">W3C Accessibility
Metadata Display Guide for Digial Publications 2.0</a>.</p>
<p>To begin, type or paste a package document or onix record in the following field.</p>
<textarea id="input_packagedoc" rows="15" autocomplete="off"></textarea>
<!-- to be developed
<fieldset>
<legend>Message type:</legend>
<label><input name="msgtype" id="msg-compact" type="radio" checked="" disabled=""/> Compact</label>
<label><input name="msgtype" id="msg-descriptive" type="radio" disabled=""/> Descriptive</label>
</fieldset>
<fieldset>
<legend>Language:</legend>
<select id="lang" disabled="">
<option id="en">English</option>
</select>
</fieldset>
-->
<div><button onclick="processXML()">Preview</button></div>
<dialog id="result">
<div class="dialog-hd">
<h2>Metadata Display</h2>
<a href="#result-close" id="result-close-img" class="close" title="Close"><img src="graphics/close-icon.png" alt="Close"></a>
</div>
<div id="result-body"></div>
<button id="result-close-button">Close</button>
</dialog>
<dialog id="explainer">
<div class="dialog-hd">
<h2>Explainer</h2>
<a href="#explainer-close" id="explainer-close-img" class="close" title="Close"><img src="graphics/close-icon.png" alt="Close"></a>
</div>
<div id="explainer-body"></div>
<button id="explainer-close-button">Close</button>
</dialog>
<section hidden="hidden">
<h2>Explainers</h2>
<section id="epub">
<section id="epub-visualAdjustments">
<h3>Visual adjustments</h3>
<p>The value of this field is one of the following strings:</p>
<ul>
<li>"Appearance can be modified." — when the package document metadata conains a <code>schema:accessibilityFeature</code> property with the value <code>displayTransformability</code>.</li>
<li>"Appearance cannot be modified." — when the EPUB is identified as a fixed layout publication (<code>rendition:layout</code> equal to <code>pre-paginated</code>).</li>
<li>"No information is available." — when the EPUB is reflowable but does not contain the <code>displayTransformability</code> value.</li>
</ul>
<p>For more information, please refer to the <a href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/draft/guidelines/#visual-adjustments" target="_blank">visual adjustments section of the Accessibility Metadata Display Guide for Digital Publications</a>.</p>
</section>
<section id="epub-nonvisualReading">
<h3>Nonvisual reading</h3>
<p>The value of this field is one of the following strings:</p>
<ul>
<li>"Readable in read aloud or dynamic braille." — </li>
<li>"Not fully readable in read aloud or dynamic braille." —</li>
<li>"May not be fully readable in read aloud or dynamic braille." —</li>
</ul>
<p>For more information, please refer to the <a href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/draft/guidelines/#nonvisual-reading" target="_blank">visual adjustments section of the Accessibility Metadata Display Guide for Digital Publications</a>.</p>
</section>
</section>
<section id="onix">
<section id="onix-visualAdjustments">
<h3>Visual adjustments</h3>
</section>
<section id="onix-nonvisualReading">
<h3>Nonvisual reading</h3>
</section>
</section>
</section>
<script src="js/metaViewer.js"></script>
<script src="js/packageProcessor.js"></script>
<script src="js/onixProcessor.js"></script>
</main>
<footer>
<div class="footer-lists">
<div class="footer-list">
<div>Feedback</div>
<ul>
<li><a href="https://github.com/DAISY/a11y-meta-viewer/commits/main/">Report Bugs</a></li>
<li><a href="https://github.com/DAISY/a11y-meta-viewer/commits/main/">Revision History</a></li>
</ul>
</div>
<div class="footer-list">
<div>Specifications</div>
<ul>
<li><a href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/guidelines/">Accessibility Metadata Display Guide</a></li>
<li><a href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/techniques/epub-metadata/">EPUB Metadata Techniques</a></li>
<li><a href="https://w3c.github.io/publ-a11y/a11y-meta-display-guide/2.0/techniques/onix-metadata/">ONIX Metadata Techniques</a></li>
</ul>
</div>
</div>
<p class="copy">© 2024 The DAISY Consortium | <a href="http://www.daisy.org/terms-use">Terms of Use | </a><a href="https://daisy.org/about-us/terms-and-conditions/privacy/">Privacy Policy</a></p>
</footer>
</body>
</html>