184_notes:access_template

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
184_notes:access_template [2022/03/17 16:56] – [Figures & Diagrams] dmcpadden184_notes:access_template [2022/03/24 13:41] (current) – [Figures & Diagrams] dmcpadden
Line 14: Line 14:
 ==== Figures & Diagrams ==== ==== Figures & Diagrams ====
  
-=== **1. Check figure for color & texture use** ===+=== 1. Check figure for color & texture use ===
 When using figures, colors should be chosen carefully and color should not be the only way to distinguish between important features of a diagram/figure. When making a figure, you should choose colors that have high contrast with the different forms of color blindness and define important contrast with textures.  When using figures, colors should be chosen carefully and color should not be the only way to distinguish between important features of a diagram/figure. When making a figure, you should choose colors that have high contrast with the different forms of color blindness and define important contrast with textures. 
  
Line 32: Line 32:
   * [[https://webaccess.msu.edu/Help_and_Resources/checklist.html|MSU Checklist]] - Text and Contrast, Text Styles   * [[https://webaccess.msu.edu/Help_and_Resources/checklist.html|MSU Checklist]] - Text and Contrast, Text Styles
  
-=== 2. Descriptive caption/alt-text for figure ===+ 
 +=== 2. Descriptive caption for figure === 
 +Each figure should have a descriptive caption that describes what information the students should get out of the figure. This description should be sufficiently describe the the important features of the figure & any take away information so that if someone could not see the figure itself, they could still understand the important information. That said there is a balance between detail and length. Common guidelines suggest keeping captions between 140-280 characters (1-3 sentences). 
 + 
 +For example, in the figure above, the caption used to be "Electric field between two parallel plates". This is insufficient to understand what the arrows represent in the figure. The current captions better describes the electric field. 
 + 
 +Resources: 
 +  * [[https://supercooldesign.co.uk/blog/how-to-write-good-alt-text]] 
 +  * [[https://www.perkinselearning.org/technology/blog/how-write-alt-text-and-image-descriptions-visually-impaired]] 
 + 
 +**Motivation/Reason for this check:** Many students may be using screen readers to have the webpages read aloud for them. This includes students who are blind or have vision impairments and students who have trouble reading or focusing on written work (e.g. students with dyslexia, dyscalculia, ADHD, etc.). Screen readers may also be used by students who simply prefer to hear information rather than read it. 
 + 
 +When screen readers encounter an image, they will simply say "image" or "image1_2.jpg". It is important to include a descriptive caption so if someone could not see the image, they could get the same information from the caption that should be conveyed in the image. 
 + 
 +**Guidelines this measure satisfies:**  
 +  * [[https://www.w3.org/TR/WCAG21/#non-text-content|WCAG Guidelines - 1.1]] 
 +  * [[https://udlguidelines.cast.org/representation/perception/alternatives-visual|UDL Guideline 1.3]] - Offer alternatives for visual information 
 +  * [[https://webaccess.msu.edu/Help_and_Resources/checklist.html|MSU Checklist]] - Alternative Text
  
 === 3. Check surrounding words for references === === 3. Check surrounding words for references ===
  • 184_notes/access_template.1647536175.txt.gz
  • Last modified: 2022/03/17 16:56
  • by dmcpadden