-
Notifications
You must be signed in to change notification settings - Fork 0
/
accessibility-web-development.html
83 lines (83 loc) · 5.29 KB
/
accessibility-web-development.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1">
<title>Accessibility Website Development | Benjamin Woodruff | Web Designer</title>
<link rel="icon" href="img/profile-icon.png" />
<link type="text/css" rel="stylesheet" href="styles.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<script src="script.js"></script><!-- for the menu functionality -->
</head>
<body>
<header>
<div id="title-row">
<h1>
<a href="index.html">Benjamin Woodruff</a>
</h1>
<button id="menu">
☰<!-- hamburger icon -->
<span class="visually-hidden">Navigation Menu</span>
</button>
</div>
<nav id="nav" class="visually-hidden">
<div id="skills-nav-row">
<a id="ux" href="index.html">User Experience</a>
<a id="web" href="web-design.html">Web Design</a>
<a id="con" href="digital-content.html">Digital Content</a>
</div>
<div id="pages-nav-row">
<a id="contact" href="mailto:[email protected]">Contact</a>
<a id="about" href="https://dtc-wsuv.org/bwoodruff16/resume/">About</a>
</div>
</nav>
<p>
A passionate Web Designer skilled in HTML5, CSS3, JavaScript, and jQuery (mostly for UI animations). Also able to customize WordPress sites, optimize for users and search engines (SEO), and upgrade product pages with Schema.org metadata for more appealing search engine results.
</p>
</header><!-- end header -->
<section id="content">
<article id="accessibility-web-dev" class="project">
<h2>
<a href="https://dtc-wsuv.org/bwoodruff16/legal-pad-app/index.html" target="_blank">Accessibility Website Development</a>
</h2>
<div class="featured-image">
<a href="https://dtc-wsuv.org/swoolley17/final475/" target="_blank">
<img src="img/accessibility-web-dev.PNG" alt="a thumbnail image depicting a brain icon representing web accessibility for cognitive disabilities" />
</a>
</div>
<p>
A group collaboration project involving high quality digital work from a group of professionals with diverse skills ranging from Social Media Marketing to Video Production. Demonstrates Project Management and Web Development skills.
</p>
<h2 class="project-sub-h2">About the Project</h2>
<p class="readable">
My primary role was as Project Manager, in which I was responsible for researching, creating a schedule, making a plan, approving the work of my peers, and on the rare occasion, when necessary, helping to shore up any major insufficiencies in the project. To make use of my Web Development skills, I was responsible for incorporating Accessibility features like a hidden menu of buttons that allows the visitor to change the sizes of text and buttons on the page.
</p>
<p class="readable">
Our group's Web Designer used HTML5 and CSS3 to create a responsive website layout and framework in which we could build out our educational content. The goal was to research, communicate, and implement some accessible web design principles and best practices in order to help influence our fellow college students and professionals already working in our areas of expertise to better understand, appreciate, and apply these skills so that the web would become more accessible in the long run.
</p>
<div class="featured-image">
<a href="https://dtc-wsuv.org/swoolley17/final475/" target="_blank">
<img src="img/accessibility-website.png" alt="a screen shot of our accessibility website" />
</a>
</div>
<p class="readable">
The hardest part of this project was to finalize our plan and then bring it all together in the end. At first, we were planning to build a website based on the broader topic of Digital Diversity, which is how people are able to achieve greater equality and prosperity through the responsible use of technology. Each of us would need to create some kind of multimedia content to help spread the message about the problem and the best solutions, depending on our various unique skills and abilities.
</p>
<p class="readable">
However, each of our sub-topics that we would base our content on for the website were unrelated and disjointed. After receiving feedback and losing a bit of valuable time, we decided to redefine our project with a more focused goal. Each member would still create various multimedia objects related to our various skills and strengths in the program, but we would work together on one single issue: Web Accessibility for people with Cognitive Disabilities.
</p>
</article><!-- end panoramic travel log project -->
</section><!-- end content -->
<footer>
<h2>Thanks for Stopping by!</h2>
<div id="footer-row">
<a id="copyright" href="https://dtc-wsuv.org/bwoodruff16/resume/">
© <script type="text/javascript">document.write(new Date().getFullYear());</script> by Benjamin Woodruff
</a>
<a id="return-to-top" href="#">Return to Top</a>
<a id="resume" href="https://drive.google.com/file/d/13LzKTYmMtf4GRQLwIFynXDWhD2UOBmQQ/view?usp=sharing">PDF Resumé</a>
</div>
</footer><!-- end footer -->
</body><!-- end body -->
</html><!-- end html -->