-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
80 lines (79 loc) · 4.72 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Accessible A11Y</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<header>
<a href="#maincontent" class="skip">Skip to main content</a>
<nav id="header-nav">
<a href="index.html"><img src="images/logo.png" alt="Accessible A11Y logo"/></a>
<ul>
<li><a href="index.html"><img src="images/icon-home.png" alt="home icon"/><br/>Home</a></li>
<li><a href="visual/standards.html"><img src="images/icon-visual.png" alt="eye icon"/><br/>Visual</a></li>
<li><a href="audio/standards.html"><img src="images/icon-audio.png" alt="ear icon"/><br/>Audio</a></li>
<li><a href="physical/standards.html"><img src="images/icon-physical.png" alt="hand icon"/><br/>Physical</a></li>
<li><a href="cognitive/standards.html"><img src="images/icon-cognitive.png" alt="cognitive icon"/><br/>Cognitive</a></li>
<li><a href="other/standards.html"><img src="images/icon-other.png" alt="person icon"/><br/>Other</a></li>
<li class="active"><a href="about.html"><img src="images/icon-about.png" alt="information icon"/><br/>About</a></li>
</ul>
</nav>
</header>
<main id="maincontent">
<div class="body-content">
<h1>About Accessible A11Y</h1>
<div>
<h2>How It Started</h2>
<p>
I was searching for a way to fulfill the requirements for my capstone project
of my B.A. in Visual Communication Design. After searching for a project, I
realized I wanted to not only fulfill requirements, but to actually make a
difference with my project. Growing up I was surrounded by people on the ability
spectrum, without even realizing it. Getting into the field of web design, I
realized that many people don't access the web in the same way that I do, and
that they ended up being excluded from some experiences on the web.
</p>
<p>
Researching more into web accessibility, the more I realized that while there were many resources
available, it was hard to piece them all together. I decided to solve this issue
by creating this site as a resource to compile all the standards, tutorials, tools,
examples, and motivations behind accessibility into one place. In this way, I hope to make
accessibility more accessible, hence the name <strong>Accessible A11Y</strong>.
</p>
<p>
I also hope this site can serve to dispell the myths that accessibility cannot look
good, that someone's audience wouldn’t benefit from accessibility measures, and that
accessibility is too difficult to implement.
</p>
</div>
<div>
<h2>How You Can Help</h2>
<p>Contribute to the site on <a href="https://github.com/tashasimone/accessibility">Our Github</a></p>
</div>
</div>
</main>
<footer>
<div id="footer-info">
<p>Contribute on our <a href="https://github.com/tashasimone/accessibility">Github</a></p>
<p>AccessibleA11Y is an open source project dedicated to connecting resources that promote a more accessible web.
It serves to bring together simpler standards, tutorials and tools to achieve them, personas to inspire inclusive design,
and examples of web sites that are both beautiful and accessible.
</p>
</div>
<a href="#maincontent" class="skip">Skip back to main content</a>
<nav id="footer-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="visual/standards.html">Visual</a></li>
<li><a href="audio/standards.html">Audio</a></li>
<li><a href="physical/standards.html">Physical</a></li>
<li><a href="cognitive/standards.html">Cognitive</a></li>
<li><a href="other/standards.html">Other</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</footer>
</body>
</html>