-
Notifications
You must be signed in to change notification settings - Fork 0
/
accessibility.html
175 lines (159 loc) · 9.35 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Metas -->
<meta name="description" content="The Accessibility Policy for the Bust IT: Cancer Without Borders site. This page details all of the accessibility functionality available within this site.">
<meta name="keywords" content="accessibility, a11y, policy, hackathon, breast, cancer, coding, code, institute">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://vanessacleary.github.io/W-I-T-IT-LAB-Breast-Cancer-Awareness/">
<meta name="robots" content="index, follow">
<title>Accessibility Policy</title>
<!-- Facebook, LinkedIn, Google -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Bust IT: Cancer Without Borders Accessibility Policy" />
<meta property="og:description" content="The Accessibility Policy for the Bust IT: Cancer Without Borders site. This page details all of the accessibility functionality available within this site." />
<meta name="image" property="og:image" content="assets/docs/finalsite.png" />
<meta property="og:image:alt" content="The Bust IT: Cancer Without Borders site on a range of devices" />
<meta property="og:url" content="https://vanessacleary.github.io/W-I-T-IT-LAB-Breast-Cancer-Awareness/" />
<meta property="og:site_name" content="Bust IT: Cancer Without Borders Accessibility Policy" />
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Bust IT: Cancer Without Borders Accessibility Policy">
<meta name="twitter:description" content="The Accessibility Policy for the Bust IT: Cancer Without Borders site. This page details all of the accessibility functionality available within this site.">
<meta name="twitter:image" content="assets/docs/finalsite.png">
<meta name="twitter:image:alt" content="The Bust IT: Cancer Without Borders site on a range of devices">
<!-- Local stylesheets -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
</head>
<body class="footer-page">
<!--Header section-->
<header>
<div class="brand">
<a href="index.html" class="tap-target">
<img src="assets/images/logo-cools.png" alt="Logo icon of all genders">
</a>
</div>
<div class="logo">
<h2>Bust IT: Cancer Without Borders</h2>
</div>
<div class="menu-bar tap-target" role="button" id="nav-burger">
<span class="sr-only">Open the navigation menu</span>
<i class="fas fa-bars fa-2x tap-target bar-icon"></i>
</div>
<nav class="menu" id="menu">
<div class="menu-bar" role="button" id="close-icon">
<span class="sr-only">Close the navigation menu</span>
<i class="fas fa-times fa-2x tap-target close-icon"></i>
</div>
<ul class="overlay-content">
<li class="list-item"><a href="index.html">Home</a></li>
<li class="list-item"><a href="index.html#awareness-section">Awareness</a></li>
<li class="list-item"><a href="index.html#support-section">Support</a></li>
<li class="list-item"><a href="index.html#resources-section">Resources</a></li>
<li class="list-item"><a href="index.html#contact-section">Contact</a></li>
</ul>
</nav>
</header>
<main class="footer-allowance readable-width">
<h1>Accessibility Policy</h1>
<section>
<h2>We’re Bust IT: Cancer Without Borders</h2>
<p>
We believe that all our users should benefit from our website and service. We want to make sure that all our users get the service they need to get the most out of our site.
</p>
</section>
<section>
<h3>Supported browsers</h3>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
<li>Safari</li>
<li>Microsoft Edge</li>
<li>Samsung Internet</li>
</ul>
</section>
<section>
<h3>How to increase text size</h3>
<ul>
<li>Google Chrome 11 and above
<ul>
<li>Using your mouse: Customise and control Google Chrome > Zoom</li>
<li>Using your keyboard: Control key and + or – to increase or decrease text size</li>
</ul>
</li>
<li>Firefox 3.6 and above (on PC, limited support on the Mac)
<ul>
<li>Using your mouse: View > Zoom > Zoom in or Zoom out</li>
<li>Using your keyboard: Control key and + (plus) or – (minus) to increase or decrease text size</li>
</ul>
</li>
<li>Safari 4 and above
<ul>
<li>Using your mouse: Safari > Preferences > Advanced then select minimum font size to display</li>
<li>Using your keyboard: Command key and + (plus) or – (minus) to increase or decrease text size</li>
</ul>
</li>
<li>Microsoft Edge
<ul>
<li>Using your mouse: Menu > Zoom > select + (plus) or - (minus) to increase or decrease text size</li>
<li>Using your keyboard: Control key and + (plus) or – (minus) to increase or decrease text size</li>
</ul>
</li>
<li>Samsung Internet
<ul>
<li>More Options icon > Settings > Screen and text > Use the text scaling slider to increase or decrease text size</li>
<li>You can also enable the Text booster (by touching the checkbox next to 'Text booster') to have the text size on web pages change automatically for easier reading on your device</li>
</ul>
</li>
</ul>
</section>
<section>
<h3>How to listen to our site</h3>
<p>
Some operating systems also have built-in accessibility features that can read text aloud, or magnify parts of the screen. If you have your own screen reading software you should find it works well on our site.
</p>
</section>
<section>
<h3>The speed of our site</h3>
<p>
We know that site speed is important to our members and we strive to deliver as fast a site as possible. However, there are additional external factors which can influence the speed at which you can view our site. These can include your Internet speed and the performance of your Internet Service Provider, as well as the number of users browsing at any one time.
</p>
</section>
<section>
<h3>Screen resolution</h3>
<p>
This site is designed for fully responsive viewing, from a width of 320px to a width of 2000px.
</p>
</section>
<section>
<h3>Animation</h3>
<p>
All animations on this site have a static version. If you struggle with movement on the screen, set your Prefers Reduce Motion preference to Reduce, which will put these static versions in place of the animations.
</p>
</section>
<section>
<h3>Dark mode</h3>
<p>
This site has full dark mode styling. This choice somes directly from your computer settings, so you can change your computer settings, and the page will change automatically.
</p>
</section>
</main>
<footer>
<a href="privacy.html">Privacy Policy</a>
<a href="accessibility.html">Accessibility</a>
<!-- Auto-updating copyright -->
<p class="copyright">Copyright © Team Chat 'til Late <span id="copyright"></span></p>
</footer>
<!-- Local scripts -->
<script src="assets/js/script.js" async></script>
<script src="assets/js/copyright-nav.js"></script>
</body>
</html>