-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathassignment02.html
More file actions
156 lines (137 loc) · 6.65 KB
/
Copy pathassignment02.html
File metadata and controls
156 lines (137 loc) · 6.65 KB
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
<!DOCTYPE html>
<html lang="en">
<title>
National Museum of Funeral History | Funeral Museum, Best Museums in Houston - NMFH</title>
<head id="top">
<nav>
<b><a href="#container">Skip to Content</a>
<a href="#hours">Skip to Hours</a>
<a href="#documentation">Skip to Web Documentation</a></b>
</nav>
</head>
<style>
img {
width: 1000px;
}
</style>
<main id ="top">
<h1>Welcome</h1>
<p>The National Museum of Funeral History is an educational experience like no other
and
offers something for everyone. Discover America’s largest collection of
authentic,
historical funeral service items. Learn about caskets and coffins, hearses
through
history, plus the funerals of Presidents, Popes, celebrities and more while you
witness
the cultural heritage of the funeral service industry and its time-honored
tradition
of
compassion.</p>
<h2>Jazz Funerals of New Orleans</h2>
<p>The museum's new exhibit opens on November 12. This exhibition will focus on
how
a
common way to bid farewell to a loved one originated with a jazz funeral or
a
funeral with music that is now a tradition unique to the city of New
Orleans,
especially among the African American community.
</p>
<a href="https://www.nmfh.org/exhibits/permanent-exhibits/jazz-funerals-of-new-orleans" class="btn btn-green"
title="Jazz Funerals of New Orleans">Click Here to
Learn
More</a>
<h2>Important Update</h2>
<p>The museum is open! We are constantly monitoring Harris County and CDC
recommendations. The safety and health of our visitors and staff are of
utmost
importance. Masks are required for all visitors over the age of 10
throughout
the
museum and social distancing procedures are in place.</p>
<a href="https://www.nmfh.org/visit-the-museum/" class="btn btn-green" title="Important Update"
target="_blank">Click Here to Learn More</a>
<h2>Visit Our Gift Shop</h2>
<p>Visit the Museum's gift shop for a variety of unique gifts and one-of-a-kind
trinkets
and treasures.</p>
<a href="https://www.nmfh.org/exhibits/permanent-exhibits/bush-memorial-exhibit" class="btn btn-green"
title="George H.W. Bush Memorial Exhibit Now Open">Click Here for More
Info</a>
<h2>The 27th Annual Charity Golf Classic<br>Save the Date</h2>
<p>Sponsor Appreciation Night: November 7, 2021 <br>
NMFH Golf Classic: November 8, 2021
</p>
<a href="https://www.nmfh.org/donate/charity-golf-classic" class="btn btn-green"
title="The 27th Annual Charity Golf Classic<br>Save the Date" target="_blank">Click Here to Read
more</a>
<h2>NMFH Wins<br>Best Museum Award!</h2>
<p>"Houston is home to some truly great museums with huge collections and
rotating
exhibits, but when it comes to showing someone Houston's most interesting
museum,
it's hard to beat the National Museum of Funeral History." –Houston Press
</p>
<a href="https://www.houstonpress.com/arts/best-of-houston-2019-best-museum-11068766" class="btn btn-green"
title="NMFH Wins<br>Best Museum Award!" target="_blank">View
More</a>
<article id="hours">
<h1>Hours</h1>
<p>Monday – Friday: 10am – 4pm</p>
<p>Saturday: 10am – 5pm</p>
<p>Sunday: 12pm – 5pm</p>
<hr>
</article>
</main>
<script></script>
<footer>
<section id="container">
<section class="row">
<section class="col-xs-12">
<section class="pull-left">
<p>© 2021 National Museum of Funeral History (NMFH)</p>
<p>All Rights Reserved</p>
<p><a href="privacy-policy">Privacy Policy</a></p>
<p><a href="shipping-policy">Shipping Policy</a></p>
<section>
<p class id= "documentation" >
This website is a markup of the original <a href="https://www.nmfh.org/"
target="_blank">National Museum
of Funeral History</a>. The work is
only for the assignment02,
DH150: Web-coding for UX by Labiba Alam. Here is the accessibility/seo audit result with the
original scores shown right below and the new scores below the orginal scores: <br>
<hr>
<img src="img/Scores3.jpg" alt="original accessibility and seo scores" > <br> <br>
<hr>
<img src="img/Scores2.jpg" alt="new markup accessibility and seo scores"> <br> <br>
<hr>
<b><a href="#top">Back to Top</a></b>
<h3>Web Documentation</h3><br><br>
After running lighthouse for the National Museum of Funeral History,
I noticed a score of 74 for accessibility. After delving deeper
into what was causing this issue,
I noticed the following issues affected the overall score: <br> <br>
- low color contrast <br>
- nonsequential heading elements <br>
- no [lang] attribute <br>
- images without [alt] attributes <br>
<br>
The original accessibility score is 74 and the original SEO score is 73.
I noticed the issues were nonsequential heading elements and the
no [lang] attribute.
After fixing the semantic style and adding alt attributes to the scores' images as well as
adding sequential heading elements
and also adding more descriptive text to some of the Museum's Read More/Learn
More links, the accessibility score went up to 100, and SEO score went up to 80. The
SEO score doesn't go up as high as the accessibility score because this is a markup
of the site and therefore it won't get as much traffic as the original.
<br>
</p>
<hr>
</section>
</section>
</section>
</footer>
</html>