Accessibility/index.html at main · Josse79/Accessibility · GitHub

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>
<head>
  <meta charset="UTF-8">
  <title>Life withouth accessibility - no thanks</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>


<body>
  <!-- HERE IS MY CODE: -->
  <h1><em><u>Accessibility</em> matters</u></h1>

 <p class="special">Probably you don&apos;t think of the importance of <em>accessibility</em> until:</p>
 <ul>
   <li class="special"><strong>You</strong> can't reach your security alarm turn off website
     from your Iphone while the alarm was turned on mistakenly</li>
   <li class="special"><strong>Your</strong> friend with impaired vision are unable to read your newly built
     website due poor design</li>
   <li class="special"><strong>Your</strong> favourite movie is not <em>accessible</em> from your computer
     due slow network connection</li>
 </ul>
 <p class="special">Now you might understand why <em>accessibility</em> of a webpage has a great impact in order to be found and used in
    all possible cases.</p>
<p class="slogan"><strong>A life withouth <em>accessibility</em> - no thanks</strong></p>
<p>
  <a href="https://en.wikipedia.org/wiki/Accessibility"
  title="Let Wikipedia explain accessibility"
  target="_blank"><img src="wiki.jpg">
  </a>

  <a href="https://developer.mozilla.org/en-US/docs/Learn/accessibility"
  title="MDN web docs about accessibility"
  target="_blank"><img src="mdn.jpg"></a>

  <a href="https://blog.google/outreach-initiatives/accessibility"
  title="Latest accessibility blog news from Google"
  target="_blank"><img src="google.jpg"></a>

</p>
</body>

</html>