-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaccessibility.html
130 lines (102 loc) · 4.85 KB
/
accessibility.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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Jack Tieszen</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>MLIS Portfolio</strong></a>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jack-tieszen-01b730136/" class="icon brands fa fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://github.com/JRTieszen" class="icon brands fa fa-git"><span class="label">Github</span></a></li>
</ul>
</header>
<!-- Content -->
<header class="main">
<h2>Accessibility Statement</h2>
</header>
<p> I mean to make this website accessible to all users through the act of simplifying the ability to navigate. When I was an undergraduate at the University of Iowa I took a course called Human-Computer interaction where I learned many of the basics of how to design an interface for optimal use. The most important things that I learned within this class that I have applied to this website were that you want to be able to reach every page in three clicks or less and that you want to keep these way finders (buttons, links, etc.) in view if possible.
<br><br>
I have achieved this by making the information on a majority of the pages visible without the need for scrolling. This keeps everything within the website in view and allows the user the navigate without needing to be consistently moving up or down each page to switch to a different one.
<br><br>
This website was created using the HTML5 Up template labeled “Editorial” and is hosted on GitHub. I decided to pursue the creation of this website through HTML editing rather than through a website creator like Wordpress or Webnode because of my background in coding and my desires to be in full control of the space and design.
</p>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="philosophy.html">Library Philosophy</a></li>
<li><a href="diversity.html">Diversity Statement</a></li>
<li>
<span class="opener">MLIS Portfolio</span>
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="issue.html">Issue Paper</a></li>
<li><a href="pdstatement.html">Professional Development Statement</a></li>
<li><a href="accessibility.html">Accessibility Statement</a></li>
<span class="opener">Coursework</span>
<ul>
<li><a href="other.html">Examples of Coursework</a></li>
<li><a href="majorpaper.html">Major Paper </a> </li>
<li><a href="corepaper.html">Core Coursework </a> </li>
<li><a href="electiveone.html">Elective Coursework – Sample 1 </a> </li>
<li><a href="electivetwo.html">Elective Coursework – Sample 2 </a> </li>
<li><a href="coursestaken.html">List of Courses Taken </a> </li>
<li><a href="advisinghistory.html">Advising History</a></li>
</ul>
</ul>
<li>
<span class="opener">Other</span>
<ul>
<li><a href="conference.html">Conferences and Awards</a></li>
<li><a href="geographyfilm.html">Geography and Film</a></li>
</ul>
</nav>
<!-- Section -->
<!-- Section -->
<section>
<header class="major">
<h2>Contact Me</h2>
</header>
<p>If you wish to contact me you can do so by email or phone.</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a>[email protected]</a></li>
<li class="icon solid fa-envelope"><a>[email protected]</a></li>
</ul>
</ul>
</section>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>