Accessibility-Guidelines/ClearPurpose.html at master · allyford/Accessibility-Guidelines · 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
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Creating a Web for Everyone</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="main.css">


  </head>
  <!--NavigationBar-->
  <nav>
      <div class="topnav" role="navigation">

          <a href="index.html">Home</a>
          <a href="ClearPurpose.html">Clear Purpose</a>
          <a href="SolidStructure.html">Solid Structure</a>
          <a href="EasyInteraction.html">Easy Interaction</a>
          <a href="Wayfinding.html">Wayfinding</a>
          <a href="CleanPresentation.html">Clean Presentation</a>
          <a href="PlainLanguage.html">Plain Language</a>
          <a href="AccessibleMedia.html">Accessible Media</a>

      </div>
  </nav>
  <body>

    <h1>Creating a Web for Everyone</h1>

    <img class="example" src="Focus.png"
    alt="A hand is holding a lense which is focused on the sun during a sunset. This represents a clear focus.">

    <h2>
        Clear Purpose and Well-Defined Goals
      </h2>


  <h3>
    Explanation:
      </h3>

  <h4>
    What does it mean?
      </h4>
      <p>

        When you access a website, you would like the site to have a clear purpose. This means that it is clear what the page does and what goal it is attempting to achieve. The page should naturally direct you to that goal. When looking for a page to complete your specific goal, it should be obvious whether or not the page will help you or not.

      </p>
  <h4>
    How do you do it?
      </h4>
      <p>
        In order to fulfill this goal, it is necessary to design or plan out the user interface before creating the webpage. It is also easiest to define goals before beginning to ensure a clear focus for the content of the site.


      </p>
  <h3>
    Accessibility Example:
      </h3>
      <p>
        This guideline supports accessibility because it is helpful for people with ADD or Autism who may be distracted or get frustrated by a site that is not simple and direct. In addition, for elderly people or others who are not as experienced with computers, it is easier to use the site if there is a clear purpose. Lastly, the simpler the page is, the easier it is for assistive technologies.

      </p>
  <h3>
    Resource for more information on this topic:
      </h3>
  <p>
      <a href="https://webflow.com/blog/the-modern-web-design-process-setting-goals">Webflow – The modern web design process</a> <br>


      </p>

    </body>
    </html>