-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (121 loc) · 5.6 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!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" />
<script src="js/xpaths.js"></script>
<script src="js/lang/en-us/vocabulary.js"></script>
</head>
<body>
<header>
<h1><img class="logo" src="graphics/daisy_high.jpg" alt="DAISY"> Accessibility Metadata Viewer</h1>
</header>
<main>
<p>Paste an EPUB package document or ONIX record to begin.</p>
<textarea id="input_record" rows="15" autocomplete="off"></textarea>
<div><button onclick="processXML()">Preview</button></div>
<dialog id="result">
<div class="dialog-hd">
<h2>Accessibility Statements</h2>
<a href="#result-close" id="result-close-img" class="close" title="Close"><img src="graphics/close-icon.png" alt="Close"></a>
<div class="options">
<fieldset>
<legend>Message type:</legend>
<select id="mode" onchange="processXML()">
<option value="compact">Compact</option>
<option value="descriptive">Descriptive</option>
</select>
</fieldset>
<fieldset>
<legend>Language:</legend>
<select id="lang" onchange="processXML()">
<option id="en">English</option>
</select>
</fieldset>
<fieldset>
<legend>Fields with no information available:</legend>
<select id="no-info" onchange="processXML()">
<option value="show">Show</option>
<option value="hide">Hide</option>
</select>
</fieldset>
</div>
</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/metaDisplayProcessor.js"></script>
</main>
<footer>
<div class="footer-lists">
<div class="footer-list">
<div id="nav-site">Site</div>
<ul aria-labelledby="nav-site">
<li><a href="/">Metadata viewer</a></li>
<li><a href="about.html">About</a></li>
<li><a href="https://daisy.org/">Sponsor</a></li>
</ul>
</div>
<div class="footer-list">
<div id="nav-feedback">Feedback</div>
<ul aria-labelledby="nav-feedback">
<li><a href="https://github.com/DAISY/a11y-meta-viewer/issues/">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 id="nav-specs">Specifications</div>
<ul aria-labelledby="nav-specs">
<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>