Creating screenshots of part or all of a web page or other application to aid in reporting bugs and writing clear documentation. Screenshots are helpful when a bug is reported, especially if the bug involves the layout or content of a web page. They are also helpful to make after a fix is proposed, to demonstrate the effects of the fix on the targeted page. Screenshots are also very helpful to include in both developer and user documentation to clarify exactly what the reader should see when they are following a set of steps to accomplish a goal.
Learning/improvement resources: 

There are many software applications that can be used to create screenshots. Here is a list of some.

TechSmith Capture (formerly Jing) [Mac, Windows]
Adobe’s free screen capture (full and regional, annotation tools, callout) and screen recording (output to MP4) tool. It has a keyboard shortcut: command-shift-1 will allow pictures while the mouse is active. Get TechSmith Capture
Skitch [Mac]
Capture, edit, and export screenshots; keyboard shortcut: command-shift-6. Get Skitch
Awesome Screenshot Screen Recorder for Chrome browser
A browser plug-in that can capture a full page or selected area, record video, and provides for annotation . Get Awesome Screenshot & Screen Recorder for Chrome
Tools from various operating systems
  • Mac: Keyboard shortcut to make a screenshot of a single window: Command-Shift-4, then Space to select the window, then click to save ("Grab")
  • GNU/Linux: Make a screenshot of a single window: gnome-screenshot -a, keyboard shortcut: PrtSc (gnome-screenshot)
  • Windows: Alt-PrtSc saves a single window the Clipboard. Snipping Tool ships with Windows Vista, Windows 7+
  • Ubuntu has a number of screenshot applications you can install from the Ubuntu Software Center utility.
Demonstrated by: 

A Skilled screenshot maker should be able to do the following:

  • Make a screenshot of a an entire screen, a single application or window, or a part of a window  to focus on applicable content.
  • Annotate a screenshot to highlight the area of interest.
  • Add alternative text (alt text) on screenshots where they are used to provide text-equivalent accessibility.

An Expert screenshot maker should additionally be able to do the following:

  • Make a video or animations of a running website with accessible audio/captions.

Roles and Tasks that require this skill

Add screenshots to an issue (Contributor task)
Add screenshots to an existing issue to make the issue clearer
Duration: 1 hour
Document steps to reproduce an issue (Contributor task)
Document the steps to reproduce a reported issue so a developer can work to fix it.
Duration: 1 hour
Usability group member (Contributor role)
Improve the usability of Drupal core and contributed modules, themes, and distributions
Duration: ongoing

Roles and Tasks that may use this skill

Accessibility group member (Contributor role)
Improve the accessibility of Drupal core and contributed modules, themes, and distributions
Duration: ongoing
Project contributor (Contributor role)
Contribute your time to Drupal core or a contributed module, theme, or distribution project
Duration: ongoing
Software tester (Contributor role)
Manually test Drupal core or contributed modules, themes, or distributions
Duration: ongoing
Test a patch or merge request for accessibility (Contributor task)
Perform accessibility tests for a proposed software fix (patch or merge request)
Duration: 20 minutes
Write an issue summary for an existing issue (Contributor task)
Find an issue that needs its summary updated/added, and write a summary for it
Duration: 20 minutes