Skip to content

Commit 62615a8

Browse files
cdrinicdrini
authored
Make demo pages meet lighthouse a11y best practices (#1455)
1 parent 89fa996 commit 62615a8

17 files changed

+42
-36
lines changed

‎BookReaderDemo/demo-advanced.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>bookreader demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<!-- JS dependencies -->

‎BookReaderDemo/demo-embed-iframe-src.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>bookreader demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<link rel="stylesheet" href="../BookReader/BookReader.css"/>

‎BookReaderDemo/demo-embed.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>bookreader embed demo</title>
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
66
<meta name="apple-mobile-web-app-capable" content="yes">
77
<style>
88
.bookreader-wrapper {

‎BookReaderDemo/demo-fullscreen-mobile.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>BookReader fullscreen demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<!-- JS dependencies -->

‎BookReaderDemo/demo-fullscreen.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>BookReader fullscreen demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<!-- JS dependencies -->

‎BookReaderDemo/demo-iiif.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
55
<meta name="apple-mobile-web-app-capable" content="yes">
66

77
<!-- WC dependencies -->

‎BookReaderDemo/demo-internetarchive.html‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<!DOCTYPE html>
22
<!-- This demo mirrors, as far as possible, the archive.org BookReader configuration and functionality
33
please keep up to date as BookReader evolves -->
4-
<html>
4+
<html lang="en">
55
<head>
66
<title>bookreader demo internetArchive</title>
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
88
<meta name="apple-mobile-web-app-capable" content="yes">
99

1010
<!-- WC dependencies -->
@@ -218,8 +218,14 @@
218218
</div>
219219
<div class="demo">
220220
<h3 id="placeholder">please wait as we are fetching the following: </h3>
221-
<input type='checkbox' class='group1' name='itemMD' disabled>Item metadata</input><br>
222-
<input type='checkbox' class='group1' name='bookManifest' disabled> Book manifest</input><br>
221+
<label>
222+
<input type='checkbox' class='group1' name='itemMD' disabled> Item metadata
223+
</label>
224+
<br>
225+
<label>
226+
<input type='checkbox' class='group1' name='bookManifest' disabled> Book manifest
227+
</label>
228+
<br>
223229
</div>
224230
</section>
225231
<div class="demo">

‎BookReaderDemo/demo-multiple.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>bookreader simple demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<!-- JS dependencies -->

‎BookReaderDemo/demo-preview-pages.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33

44
<head>
55
<title>bookreader preview pages demo</title>
66

7-
<meta name="viewport" content=widthdevicewidth initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
88
<meta name="apple-mobile-web-app-capable" content="yes">
99

1010
<!-- JS dependencies -->

‎BookReaderDemo/demo-simple.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<title>bookreader simple demo</title>
55

6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<meta name="apple-mobile-web-app-capable" content="yes">
88

99
<!-- JS dependencies -->

0 commit comments

Comments
 (0)