| Both sides previous revision Previous revision Next revision | Previous revision |
| 184_notes:access_template [2022/03/17 21:00] – [Figures & Diagrams] dmcpadden | 184_notes:access_template [2022/03/24 13:41] (current) – [Figures & Diagrams] dmcpadden |
|---|
| * [[https://www.w3.org/TR/WCAG21/#use-of-color|WCAG Guideline - 1.4.1]] | * [[https://www.w3.org/TR/WCAG21/#use-of-color|WCAG Guideline - 1.4.1]] |
| * [[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 for figure === | === 2. Descriptive caption for figure === |
| Each figure should have a | 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. | **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. | 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:** | **Guidelines this measure satisfies:** |
| * [[https://www.w3.org/TR/WCAG21/#non-text-content|WCAG Guidelines - 1.1]] | * [[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 === |