-
Notifications
You must be signed in to change notification settings - Fork 0
/
social.html
151 lines (133 loc) · 7.41 KB
/
social.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Exploring Accessibility | DTC 475</title>
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Quicksand" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<a id="skip-nav" href="#main">Skip to Main Content</a>
<aside id="hidden-features" class="visually-hidden">
<button id="large-text" class="buttons">
Enlarge Interface
</button>
<button id="small-text" class="buttons">
Minimize Interface
</button>
</aside>
<button id="show-features" class="buttons desktop-only">
☰ Toggle Accessibility Menu
</button>
<div id="grid">
<header>
<h1><a href="index.html">Exploring Accessibility</a></h1>
<h2>Web Design Best Practices </br> for Cognitive Disabilities</h2>
<nav>
<a id="home" href="index.html" style="color: white; background-color: #2d8276;">Home</a>
<a id="about" href="about.html">About</a>
</nav>
</header>
<section id="mainsocial">
<h1>Social Media Marketing Results
</h1>
<article id="soc-talk">
<p>
This project also consisted of Social Media Marketing work that helped to not only inform our research and communication efforts, but it also helped to raise awareness indirectly through asking for people's opinions about a sensitive topic, thus provoking them to consider the issue more deeply and hopefully look into the resources provided to educate themselves and others.
</p>
</article>
<!-- content box 1 -->
<article id="graph1">
<h2>
Gender
</h2>
<img src="media/social/gender.jpg" alt="">
<p>
Most of our respondents were female, although college students are usually split fairly evenly. However, this may be accounted for by considering that many people outside our target audience were reached by this survey.
</p>
</article>
<!-- content box 2 -->
<article id="graph2">
<h2>
Age
</h2>
<img src="media/social/age.jpg" alt="a pie chart showing age demographics">
<p>
The largest number of respondents were outside our target audience of college students (although some students are bit older, most aren't). However, we planned for this by creating questions that would allow people of various groups to share their input without keeping us from learning more from our target audience.
</p>
</article>
<!-- content box 3 -->
<article id="graph3">
<h2>
Race
</h2>
<img src="media/social/race.jpg" alt="">
<p>
This pie chart shows that most of our respondents were white/caucasian. While this appears to be fairly in line with our target audience, it serves to highlight another issue in the sphere of digital diversity. A question for another time would be why so few people of color are represented among the tech industry.
</p>
</article>
<!-- content box 4 -->
<article id="graph4">
<h2>
Education
</h2>
<img src="media/social/education.jpg" alt="">
<p>
While some college students who have only just begun college may have answered this survey and reluctantly answered that they finished High School only, it is probably more likely that some amount of working people who spend time on social media and pay attention to the tech industry but haven't yet begun their college educations noticed our survey and decided to share their views.
</p>
<p>
While these people aren't technically a part of the target audience, they are users of the web just like those we aim to help, which makes their opinions valuable to the question in our survey that focused on perception of web accessibility.
</p>
</article>
<!-- content box 5 -->
<article id="graph5">
<h2>
Income
</h2>
<img src="media/social/income.jpg" alt="">
<p>
It appears that most of our respondents make much more money than a typical college student. While this is surprising, it isn't too surprising when one considers that many more wealthy people have extra time to spend socializing than average working class people, especially those who are working full or part time to pay their way through college.
</p>
<p>
These wealthy, most likely white females were probably socializing on the Internet when they noticed our survey and felt inclined to share their opions. Thankfully, we had questions targeted to them as well.
</p>
</article>
<!-- content box 6 -->
<article id="graph6">
<h2>
Professional Status
</h2>
<img src="media/social/proffession.jpg" alt="">
<p>
This pie chart makes a lot of sense and helps use to recognize that the 30.6% of people who say they are students/trainees exactly matches the amount who said they had some college in a previous question. This confirms the amount of people who fit the target audience that took part in this survey. It may be possible to correlate the amount of students to some of the answers in following questions. However, that level of analysis has yet to be undertaken, let alone completed.
</p>
</article>
<!-- content box 7 -->
<article id="graph7">
<h2>
Focus
</h2>
<img src="media/social/focus.jpg" alt="">
<p>
This is one of the most useful metrics we gained in this survey because it shows that most of our respondents consider the web to be sufficiently improved when it comes to visual impairments. The interview we conducted with Joe Pyles, the president of the Accessibility Club here at WSUV, brought to light the view that he shared concerning screen reading technology being sufficent for most websites, if only they were written in a sensible and logical way. This data helps support our assertion that focusing on cognitive disabilities would be a more reasonable choice for anyone involved in this kind of work and decision making.
</p>
</article>
<!-- content box 8 -->
<article id="graph8">
<h2>
Attention
</h2>
<img src="media/social/attention.jpg" alt="">
<p>
This graph is also revealing in that it shows that a majority of respondents also recognized the importance of improving the accessibility of websites for those with cognitive disabilities. This also shows that the problem is not for a lack of awareness, but rather most likely for a lack of knowledge of how people can start to make a difference in this area. First of all, it should start with people informing themselves and others with the facts. Thankfully so many resources exist, including this website and the links we've shared, to help provide the pertinent information to the right audience.
</p>
</article>
</section>
<footer>
Created by Washington State Vancouver DTC 475 students
</footer>
</div> <!-- this closes the grid -->
</body>
</html>