Documentation image annotations lack consistency

[WalterMoar]

The screenshot images in the documentation should all use the same tools for annotations (arrows, circles, etc). This is tricky because we don't want something that will change and we're again in the position where things are inconsistent. Some images were done using pixelied but as a free website it's unknown how long it will be around.

Definition of Done

• [ ] Update the Style Guide with a description of how / when to use images in documentation
• [ ] Update the Style Guide with a description of how to annotate images (green for good/attention, red for errors)
• [ ] Ensure all images follow the above

[WalterMoar]

Something to think about: https://thisisimportant.net/posts/screenshots-in-documentation

For accessibility, the text of the documentation must contain all the necessary information. The screenshots should enhance that information - not replace it.