Add Common Components to a Scan

Common components enable you to segment parts of pages that are shared across multiple pages, like headers, footers, and navigation areas. During scanning, issues detected on Template Pages are grouped as common issues rather than appearing as duplicate issues on each page.

Note: This step in the wizard is an optional step. To skip the common components step, select the skip link.

After filling in all the required information, select Next.

• Template URIs - In the template URIs field, Enter the URI where you’d like detection of common components to start (usually the Scan URL), or the URI template. Use the + icon to add more URIs.

  Note: The URI pattern is an indicator field and is used to provide guidance on what type of URIs are used for routine issue scanning. For example, when defining a common component with a template URI such as https://webtestingcourse.dequecloud.com/index.php, entering /index.php in the Template URI pattern field specifies the page used for common components. This does not affect the scanning process of the system.

• Add Common Component - Select the + Common Component button.
  

  • Name - Enter a name. For example, 'Header'.
  • Selector - Update the selector of your component. You can confirm the selector by opening your URL in a browser. Right-click the component and select Inspect. The component’s CSS selector will show in quotes in the markup. You may need to add a # before the selector name if it is an id, or if the selector name is a class.
  • Select Save to continue.