-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathaccessibility.html
More file actions
153 lines (136 loc) · 6.33 KB
/
Copy pathaccessibility.html
File metadata and controls
153 lines (136 loc) · 6.33 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Accessibility Information and Support</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Universe Makers</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="https://universemakers.org/engine">Universe Engine</a></li>
<li><a href="galform.html">Galaxy Formation</a></li>
<li><a href="lss_cosmo.html">LSS Cosmology</a></li>
<li><a href="milkyway.html">Milky Way</a></li>
<li><a href="planets.html">Planets</a></li>
<li><a href="accessibility.html">Accessibility</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="credits.html">Credits</a></li>
<li><a href="https://forms.cloud.microsoft/Pages/ResponsePage.aspx?id=i9hQcmhLKUW-RNWaLYpvlDN8A-lcNJ5OmhX3PMimCsBURFZQTFY0NVIxNTZGUFBRV0pJVUVCVE84TC4u" target="_blank" rel="noopener noreferrer">Feedback</a></li>
<!-- <li><a href="elements.html">Elements</a></li> -->
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header class="under-construction-banner">
<img class="under-construction-banner-image" src="images/landing_page_images/accesibility_landing_page.webp" alt="Accessibility banner image" />
<div class="under-construction-banner-content">
<h2>Accesibility</h2>
<!-- <p>Accessibility</p> -->
</div>
</header>
<section class="wrapper alt style2 lss-theme-page">
<section class="spotlight">
<div class="content">
<h3>Making Astronomy Accessible to Everyone</h3>
<p>
Astronomy is for everyone, and our goal is to make sure that everyone can explore the
Universe in a way that works for them. As part of this event, our team is focusing
on accessibility, creating experiences that go beyond traditional visuals and open up astronomy
to a wider audience.
</p>
<h3>Hearing the Universe: Sonified Astronomy</h3>
<p>
Not all discoveries need to be seen, they can also be heard. We are transforming astronomical
data and videos into sound, a process known as sonification. By converting light, motion,
and patterns into audio, visitors will be able to “listen” to astronomical phenomena such as
stars, galaxies, and cosmic events. This offers a powerful way for visually impaired visitors,
and anyone curious, to experience space in a completely new way.
</p>
<h3>Touching Space: 3D Models</h3>
<p>
We are creating tactile, 3D-printed models of astronomical objects so visitors can explore them
through touch. These models may include galaxies, star clusters, or other structures in
the Universe, allowing you to feel shapes, textures, and structures that are usually only
seen in images. This hands-on approach helps make complex ideas more intuitive and engaging
for all ages.
</p>
</div>
</section>
<section class="spotlight">
<div class="content">
<h3>Braille and Inclusive Materials</h3>
<p>
To ensure information is accessible to as many people as possible, we are preparing materials
in Braille alongside standard printed text. This allows visitors with visual impairments
to independently access descriptions, explanations, and activity instructions during the event.
</p>
<h3>Designed for All Ages</h3>
<p>
Our activities are designed to be inclusive not only in accessibility, but also in age range.
Whether you are a child discovering space for the first time or an adult with a long-standing
curiosity about the Universe, there will be something for you to explore and enjoy.
</p>
<h3>Why Accessibility Matters</h3>
<p>
Science belongs to everyone. By developing accessible tools and experiences, we aim
to remove barriers and create a more inclusive environment where all visitors can engage
with astronomy in meaningful ways.
</p>
</div>
</section>
<!-- <section class="wrapper style5">
<div class="inner"></div>
</section>
-->
</article>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://bsky.app/profile/icc-durham.bsky.social" class="icon brands fa-bluesky"><span class="label">Bluesky</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>
<ul class="copyright">
<li>© Universe Makers</li>
</ul>
<ul class="footer-quicklinks">
<li><a href="about.html">About us</a></li>
<li><a href="accessibility.html">Accessibility</a></li>
<li><a href="credits.html">Credits</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>