Difference between revisions of "Navigation"

From Make Inclusive Websites
Jump to navigation Jump to search
 
Line 5: Line 5:
 
|coordimg1=0, 0, 0
 
|coordimg1=0, 0, 0
 
|simploduction=<ul>
 
|simploduction=<ul>
<li>This section is about how to move between the different parts of a website.</li>
+
<li>How to let the user move between the different parts of a website.</li>
<li>There are different forms of navigation.</li>
+
<li>Different forms of navigation exist.</li>
 
<li>Convenient navigation of a website requires that it is structured in a clear and understandable way.</li>
 
<li>Convenient navigation of a website requires that it is structured in a clear and understandable way.</li>
<li>It is important to be able to move around the website using only a keyboard and that navigation elements are labelled with captions.</li></ul>
+
<li>It is important to be able to move around a website using only a keyboard and that navigation elements are labelled.</li></ul>
 
|coordsimplo=0, 0, 0
 
|coordsimplo=0, 0, 0
 
|testimonial=
 
|testimonial=
Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. She has a strong background in marketing, and now that her children are in high school, she has decided to rejoin the work force. Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.
+
Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. [...] Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.
  
Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers. Here’s why you should feature assistive technology on your website.
+
Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers.
 
<a href="https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities">Source</a>
 
<a href="https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities">Source</a>
 
|coordtesti=0, 0, 0
 
|coordtesti=0, 0, 0
Line 25: Line 25:
 
[[File:Navigation.png|400px|none|Illustration Navigation]]
 
[[File:Navigation.png|400px|none|Illustration Navigation]]
 
<div class="text_content">
 
<div class="text_content">
==simple introduction==
+
==Overview==
* This section is about how to move between the different parts of a website.
+
* How to let the user move between the different parts of a website.
* There are different forms of navigation.
+
* Different forms of navigation exist.
 
* Convenient navigation of a website requires that it is structured in a clear and understandable way.
 
* Convenient navigation of a website requires that it is structured in a clear and understandable way.
* It is important to be able to move around the website using only a keyboard and that navigation elements are labelled with captions.
+
* It is important to be able to move around a website using only a keyboard and that navigation elements have labels.
  
==testimonial==
+
==User story==
Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. She has a strong background in marketing, and now that her children are in high school, she has decided to rejoin the work force. Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.
+
Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. [...] Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.
  
Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers. Here’s why you should feature assistive technology on your website.
+
Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers.
  
 
Source: https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities
 
Source: https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities
  
==[[Navigation_References|Reference Collections for Navigation]]==
+
==[[Navigation_References|References for Navigation]]==
 
===[[Navigation_References#Keyboard_Access|Keyboard Access]]===
 
===[[Navigation_References#Keyboard_Access|Keyboard Access]]===
 
===[[Navigation_References#Flow|Flow]]===
 
===[[Navigation_References#Flow|Flow]]===
 
</div>
 
</div>

Latest revision as of 14:34, 4 June 2021

headline Navigation
headline coordinates 6.000, 16.000, 0.000
image /wiki/images/Navigation.png
image coordinates 0, 0, 0
simple introduction
  • How to let the user move between the different parts of a website.
  • Different forms of navigation exist.
  • Convenient navigation of a website requires that it is structured in a clear and understandable way.
  • It is important to be able to move around a website using only a keyboard and that navigation elements are labelled.
simple introduction coordinates 0, 0, 0
testimonial Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. [...] Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.

Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers. <a href="https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities">Source</a>

testimonial coordinates 0, 0, 0
links to orientation
belongs to Sight, Motor functions
contains Navigation_References


Illustration Navigation

Overview[edit]

  • How to let the user move between the different parts of a website.
  • Different forms of navigation exist.
  • Convenient navigation of a website requires that it is structured in a clear and understandable way.
  • It is important to be able to move around a website using only a keyboard and that navigation elements have labels.

User story[edit]

Jolene sustained a spinal cord injury a decade ago. She can no longer move her fingers, but she has software on her computer that allows her to operate everything by voice. [...] Although Jolene can use voice commands to go online, move around websites and type words, this technology only replaces keyboard controls. It doesn’t replace the mouse. It means that Jolene can only use websites that are completely operable by keyboard alone.

Although Jolene can usually move around a website with voice commands, sometimes the navigation is not in the right order. When she tries to tab her way down a page, for instance, she might end up skipping all over the page in an illogical order. The same thing can happen when she’s filling out an application form. She finds that when she tabs from one field to the next, it’s completely out of order. Sometimes, when Jolene is reading a job description that intrigues her, she discovers that the only way to open the application form is to click a mouse, which she can’t do. Although Jolene has sought-after job skills, she’s been unable to apply for some positions because of web barriers.

Source: https://www.essentialaccessibility.com/blog/web-access-people-with-disabilities

References for Navigation[edit]

Keyboard Access[edit]

Flow[edit]