-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (88 loc) · 4.84 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="header">
<div class="banner">
UtahJS 2018 Accessibility Challenge
</div>
<div class="navigation">
<p class="section">
<a href="#intro">Intro</a>
</p>
<p class="section">
<a href="#rules">Rules</a>
</p>
<p class="section">
<a href="#overview">Overview</a>
</p>
<p class="section">
<a href="#tools">Tools</a>
</p>
<p class="section">
<a href="#practices">Best Practices</a>
</p>
</div>
</div>
<div class="main">
<div id="intro" class="section">
<h1>Introduction</h1>
This year we have the amazing
<a href="https://www.youtube.com/user/TommyEdisonXP">Tommy Edison</a> as our keynote speaker and a theme of "accessibility" theme. In recognition
of the importance of accessibility within our industry, we've also decided to have a contest where members of
the community can demonstrate ways to improve accessibility, or add new accessibility challenges, as well as share tools and best practices related
to accessible website design and development.
</div>
<div id="rules" class="section">
<h1>Rules</h1>
<p>The UtahJS 2018 Conference Challenge, henceforth referred to simply as the "challenge" is a contest to improve
the accessibility and accessibility-related content of this website. The winner of this challenge will be
awarded one free ticket to the UtahJS 2018 Conference.</p>
<p>Anyone may make a pull request to improve this website in any way —
<b>
<i>however</i>
</b>, for a pull request to count toward the challenge (a) it must have
<code>[entry]</code> prefixed to the pull request title, (b) it must be an accessibility-related contribution, and (c) it must
be accepted by the Conference Organizers.</p>
<p>An individual may make as many pull requests as they would like, however,
<i>only one accepted pull request a week will count toward that individual's challenge entries</i>. For example,
if someone makes 5 pull requests in a week, and 3 are accepted, the individual will have earned 1 challenge
entry for the week.</p>
<p>Conference organizers will decide which pull requests are accepted each week.</p>
<p>At the end of the pull request period, the user with the most accepted pull requests will be announced. If there
are multiple individuals with the same maximum number of accepted pull requests, their names will all be
announced, and a random drawing will be held at the next UtahJS meet-up to determine which of them is the
winner of the free conference ticket.</p>
</div>
<div id="overview" class="section">
<h1>Overview</h1>
This section should provide an overview of why accessibility is important as well as a high level overview of how to design
and develop accessible websites.
<img src="images/desktop.jpg">
<form>
<p>Why is web accessibility important? (check all that apply)</p>
<br />
<input type="checkbox" name="option" value="equality" />All users should have equal access to information and functionality.
<input type="checkbox" name="option" value="visual" />There are users who are legally blind or visually impaired.
<input type="checkbox" name="option" value="motor" />There are users for whom using a mouse or keyboard is difficult or impossible.
<input type="checkbox" name="option" value="hearing" />There are users who are deaf or hearing-impaired.
<input type="checkbox" name="option" value="conditional" />There are users who may be trying to use your site in a loud environment, a different language, or hampered
by a harsh glare.
</form>
</div>
<div id="tools" class="section">
<h1>Tools</h1>
This section should provide a list of tools that help web designers and web developers develop accessible websites.
<img src="images/black-white-laptop.jpg">
</div>
<div id="practices" class="section">
<h1>Best Practices</h1>
This section should provide best practices in developing and maintaining accessible websites.
<img src="images/mobile-phone.jpg">
</div>
</div>
<div class="footer"></div>
</body>
</html>