-
Notifications
You must be signed in to change notification settings - Fork 0
Image Plugin
Jon Gunderson edited this page Mar 14, 2018
·
4 revisions
This plug-in used the afterInsertHTML
event to detect where an image element has been inserted into the document. This plug-in then checks for the following conditions:
- Missing ALT attribute (Warning)
- ALT attribute is an empty string (Warning)
- ALT attribute length is over 100 characters (Warning)
- ALT attribute contains a file name (at least Warning, maybe force them to edit??)
- if no warnings, then verify ALT attribute properly describes the inserted image
- 2 radio buttons
- Label 1: Image is decorative and does not need a text description
- Label 2: Image is informative and needs a text description
- Input Box for text description
- Cancel Button (no modifications to the IMG element)
- OK Button (makes changes to the IMG element ALT text)
- Message: The ALT text is missing from this image, determine if the image is decorative or informative. I it is an informative image add a text description to the image
- No radio buttons selected
- Message: Verify that this image is used purely for decorative purposes. If the image does convey information to the user, select the informative image option and add a text description
- Radio button 1 selected
- Message: Typically an image should be described in less than 100 characters, but there are some cases where 100 characters may not be enough to describe the image. Choose between these options:
- The image does not need more than 100 characters for the text description and edit the text description to be less than 100 characters.
- Include the longer text description in the content of the page to make it available to all users and edit the text description to provide orientation to the content the image contains and reference the relative location of where the longer text description can be found (e.g longer description after the image).
- Verify that this image needs a text description longer than 100 characters
- Radio button 2 selected
- Message: The ALT text of an image should not contain a filename, edit the ALT text to provide a text describe of the image
- Option 2 is selected
- Message: Verify that the ALT text accurately describes the image
- 2 radio buttons
- Label 1: Image is decorative and does not need a text description
- Label 2 (checked): Image is informative and needs a text description
- Input Box
- Cancel Button (no modifications to the IMG element)
- OK Button (makes changes to the IMG element ALT text)
Image Type | Alt Text | Description | Caption | Caption is Alt or Desc | Usage Freq |
---|---|---|---|---|---|
Simple | Yes | no | no | - | high |
Simple | Yes | no | Yes | - | high |
Simple | no | no | Yes | Alt | high |
Complex | Yes | Yes | no | - | medium |
Complex | Yes | Yes | Yes | - | medium |
Complex | no | Yes | Yes | Alt | medium |
Complex | Yes | Yes | Yes | Description | medium |
Decorative | no | no | no | - | low |