Skip to content

Commit 96487fb

Browse files
committed
edited the index file by adding some alt images where necessary so as to increase accessibility
1 parent aa52727 commit 96487fb

File tree

1 file changed

+21
-11
lines changed

1 file changed

+21
-11
lines changed

fylo-dark-theme-landing-page-master/index.html

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
</nav>
3131
</header>
3232
<section class="hero">
33-
<img src="./images/illustration-intro.png" />
33+
<img src="./images/illustration-intro.png" alt="illustration-intro" />
3434
<h1>
3535
All your files in one secure location,<br class="none" />
3636
accessible anywhere.
@@ -44,23 +44,26 @@ <h1>
4444
</section>
4545
<section class="features">
4646
<div class="card">
47-
<img src="./images/icon-access-anywhere.svg" />
47+
<img src="./images/icon-access-anywhere.svg" alt="folder icon" />
4848
<h3>Access your files, anywhere</h3>
4949
<p>
5050
The ability to use a smartphone, tablet, or computer to access your
5151
account means your files follow you everywhere.
5252
</p>
5353
</div>
5454
<div class="card">
55-
<img src="./images/icon-security.svg" />
55+
<img src="./images/icon-security.svg" alt="security graphics" />
5656
<h3>Security you can trust</h3>
5757
<p>
5858
2-factor authentication and user-controlled encryption are just a
5959
couple of the security features we allow to help secure your files.
6060
</p>
6161
</div>
6262
<div class="card">
63-
<img src="./images/icon-collaboration.svg" alt="" />
63+
<img
64+
src="./images/icon-collaboration.svg"
65+
alt="collaboration image"
66+
/>
6467
<h3>Real-time collaboration</h3>
6568
<p>
6669
Securely share files and folders with friends, family and colleagues
@@ -82,6 +85,7 @@ <h3>Store any type of file</h3>
8285
<img
8386
src="./images/illustration-stay-productive.png"
8487
class="ilustration-stay-productive"
88+
alt="illustration-stay-productive"
8589
/>
8690
</div>
8791
<div class="right">
@@ -99,13 +103,15 @@ <h1>
99103
</p>
100104
<p class="link">
101105
<a href="#"
102-
>See how Fylo works<img src="./images/icon-arrow.svg"
106+
>See how Fylo works<img
107+
src="./images/icon-arrow.svg"
108+
alt="arrow icon"
103109
/></a>
104110
</p>
105111
</div>
106112
</section>
107113
<section class="testimonials">
108-
<img src="./images/bg-quotes.png" class="quote" />
114+
<img src="./images/bg-quotes.png" class="quote" alt="quote icon" />
109115
<div class="testimonials-cards">
110116
<div class="founder-content">
111117
<p>
@@ -115,7 +121,7 @@ <h1>
115121
</p>
116122
<div class="founder-profile">
117123
<div class="profile-right">
118-
<img src="./images/profile-1.jpg" />
124+
<img src="./images/profile-1.jpg" alt="satis patel image" />
119125
</div>
120126
<div class="profile-content">
121127
<p>Satish Patel</p>
@@ -131,7 +137,7 @@ <h1>
131137
</p>
132138
<div class="founder-profile">
133139
<div class="profile-right">
134-
<img src="./images/profile-2.jpg" />
140+
<img src="./images/profile-2.jpg" alt="bruce McKenzie image" />
135141
</div>
136142
<div class="profile-content">
137143
<p>Bruce McKenzie</p>
@@ -147,7 +153,7 @@ <h1>
147153
</p>
148154
<div class="founder-profile">
149155
<div class="profile-right">
150-
<img src="./images/profile-3.jpg" />
156+
<img src="./images/profile-3.jpg" alt="Iva Boyd Image" />
151157
</div>
152158
<div class="profile-content">
153159
<p>Iva Boyd</p>
@@ -177,10 +183,14 @@ <h1>Get early access today</h1>
177183
</section>
178184
</main>
179185
<footer>
180-
<img src="./images/footer-logo.svg" class="footer-logo" />
186+
<img
187+
src="./images/footer-logo.svg"
188+
class="footer-logo"
189+
alt="footer-logo"
190+
/>
181191
<div class="footer-content">
182192
<div class="footer-location">
183-
<img src="./images/icon-location.svg" />
193+
<img src="./images/icon-location.svg" alt="location icon" />
184194
<p>
185195
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
186196
eiusmod tempor incididunt ut labore et dolore magna aliqua

0 commit comments

Comments
 (0)