-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-enhancements.html
43 lines (43 loc) · 2.82 KB
/
project-enhancements.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Record of Kitties to Go! and Straight to the Point Archery Academy Changes</title>
<link rel="stylesheet" type="text/css" href="styles/stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Arimo|DM+Serif+Text|Literata:700|Righteous&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/37af231497.js"></script>
</head>
<body>
<header>
<h1>Record of Kitties to Go! and Straight to the Point Archery Academy Changes</h1>
<nav class="navbox">
<h4>Navigation</h4>
<i class="fas fa-handshake"></i>
<a href="index.html">Home</a>
<i class="fas fa-handshake"></i>
</nav>
</header>
<section>
<h2>Previous Appearance of Kitties to Go!</h2>
<p>Contrast: Changed the in body links color from #a5e5f2 to #147F94, review section from light blue to #2D7D9F</p>
<p>Ease of click ability: Added a nav a feature which increased the distance between the nav links by adding a nav a entry to the css with additional padding and margins.</p>
<p>Alt text: Added additional detail to both images' alt text.</p>
<p>Skip navigation links: Added a link that allows users to skip to the main content, as demonstrated in the videos using the class selector.</p>
<img src="images/a10-images/old-cat.png" width="1440" height="847" alt="A look at the Kitties to Go! website before the implimentation of accessibility features.">
</section>
<section>
<h2>Previous Appearance of Straight to the Point Archery Academy</h2>
<p>Contrast: Changed color of the text in the footer to make it slightly easier to read. Due to the varying color of the image, this still is not ideal, but it is an improvement nonetheless.</p>
<p>Skip navigation links: Added a link that allows users to skip to the main content, as demonstrated in the videos using the class selector. This is active across all four of the webpages.</p>
<p>Alt text: Added additional detail to the alt text describing the company logo.</p>
<p>Screenreader only content: On the More About Us page, I added a span with screenreader only text that serves as a rough transcript of the video, so that visually impaired users can find out what is happening.</p>
<img src="images/a10-images/old-archery-home.png" width="1440" height="769" alt="A look at the Straight to the Point Archery Academy website before the implimentation of accessibility features.">
</section>
<footer>
<p><small>This is a website by Markus Schiffer, created in 2019.</small></p>
<i style="opacity: 0.2" class="fas fa-shoe-prints"></i>
<i style="opacity: 0.5" class="fas fa-shoe-prints"></i>
<i style="opacity: 1" class="fas fa-shoe-prints"></i>
</footer>
</body>
</html>