Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
184_notes:access_template [2022/03/17 15:09] – created dmcpadden | 184_notes:access_template [2022/03/24 13:41] (current) – [Figures & Diagrams] dmcpadden | ||
---|---|---|---|
Line 1: | Line 1: | ||
===== Accessible Notes - Template ===== | ===== Accessible Notes - Template ===== | ||
- | These notes are to provide the standard practices & formats that should be used to improve the accessibility of the notes on the EM/P-Cubed wiki pages. | + | These notes are to provide the standard practices & formats that should be used to improve the accessibility of any new notes on the EM/P-Cubed wiki pages. |
+ | |||
+ | ==== Text ==== | ||
+ | |||
+ | === 1. Consistent use of headings === | ||
+ | |||
+ | |||
+ | === 2. Consistent use of bold, italics, & underline === | ||
+ | |||
+ | === 3. Links to previous, upcoming, or outside material === | ||
+ | |||
+ | ==== Figures & Diagrams ==== | ||
+ | |||
+ | === 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/ | ||
+ | |||
+ | For example, in the figure to the left, red-solid arrows are representing the electric field from the positive plate of charge and blue-dashed arrows represent the electric field from the negative plate of charge. So we are using both the color and textures to distinguish the meaning of the arrows. | ||
+ | |||
+ | [{{ : | ||
+ | |||
+ | When picking colors, there are several resources that have predefined color palettes that have contrasting colors for people with and without colorblindness. These resources give HEX numbers and RGB numbers for each color that are easy to add to Paint, MS word or powerpoint, inkscape or any other image creator. | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | **Motivation/ | ||
+ | |||
+ | **Guidelines this measure satisfies: | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | |||
+ | === 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 " | ||
+ | |||
+ | Resources: | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | **Motivation/ | ||
+ | |||
+ | When screen readers encounter an image, they will simply say " | ||
+ | |||
+ | **Guidelines this measure satisfies: | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | === 3. Check surrounding words for references === | ||
+ | |||
+ | ==== Videos ==== | ||
+ | |||
+ | === 1. Add captions to all videos === | ||
+ | |||
+ | === 2. Double check figures used in videos === | ||
+ | |||
+ | === 3. Describe any figures/ |