Skip to main content
All CollectionsMonsido Starter
Monsido Starter Web Browser Extension
Monsido Starter Web Browser Extension

How to use the Monsido Starter Web Browser Extension

Updated over a week ago

Section Topics


Introduction

This chapter gives instructions on how to manage a website using the Monsido Starter version of the Monsido Web Browser Extension. All options described in this document may not be available in the Monsido Starter version. Contact your representative for an upgrade to access more of the features.

The Monsido web browser extension allows non-admin users to quickly identify problem areas on the website that are discovered in the Monsido scan. The extension shows the exact location of the errors and allows users to repair many of them directly from the extension. Many of the same sections from the app are available in the extension (provided you are subscribed to them), such as SEO, accessibility, quality assurance, policies, statistics, heatmaps, and more. The extension can even be used to view certain things about external websites.


Prerequisites

Monsido Starter only requires that you do a Monsido scan on the website at least one time in order to populate the fields.


Installation

This section gives information on how to install the web browser extension on different browsers.

Tip: When you open the Monsido application, the option and links to add the extension are listed on the right-hand side of the page. It is easier to add the extension in that way.


Install in Chrome

  1. Navigate to the extension in the Chrome Webstore.

  2. Click Add to Chrome, on the top right-hand side of the page.

  3. A pop-up verification opens. Click Add Extension. The pop-up closes.

  4. Add the extension icon to the Chrome menu bar, if it does not appear automatically.

Note: If this is the first time the Chrome Web Store is used to install extensions on the device, a blue message appears, informing you that you can now install extensions from the Chrome Web Store in Microsoft Edge. Click Allow extensions from other stores and then click Allow in the pop-up notice.

  1. Click Add to Chrome, on the top right-hand side of the page.

  2. A pop-up verification opens. Click Add Extension. The pop-up closes.

  3. Add the extension icon to the Chrome menu bar, if it does not appear automatically.


Install in Edge (Chromium)

Microsoft introduced a newer version of the Edge browser based on Chromium, allowing users to install the same extensions in Edge as are available in Chrome and other Chromium-based browsers. To check which version of Edge you use, you can use this guide: Microsoft Edge Guide.

  1. Navigate to the extension in the New Monsido extension - Microsoft Edge Addons.

  2. Click Get, on the top right-hand side of the page.

  3. A pop-up verification opens. Click Add Extension. The pop-up closes.

  4. Add the extension icon to the Edge menu bar, if it does not appear automatically.

Note: Monsido requires Edge version 79.0.309 or higher. Older versions are not based on Chromium. If an older version is installed, update to a newer Edge version or use Chrome instead.


Install in Firefox

  1. Click to navigate to the Monsido Extension for Firefox.

  2. A dialog box opens with the text:

    "Add New Monsido Extension? This extension will have permission to:

    • Access your data for all websites

    • Access browser tabs"

    • Learn More link

    • Cancel button

    • Add button.

      The dialog box with the text as per above.

  3. Click Add. The pop-up closes.

  4. Add the extension icon to the Firefox menu bar, if it does not appear automatically.

Note: If the link above does not work, copy and paste this URL into the Firefox browser: https://extensions.monsido.com/monsido.xpi


Instructions

This section gives instructions on how to find and use the features in the Monsido Web Extension. Note that the toolbar options are only active for the modules that are installed, your view might look different from the one below. The toolbar buttons are, from top to bottom:

Content issues (Insect icon)

Skip to the instructions on how to use this section.

This is an overview of potential issues with error content, as identified by the most recent scan.

The Content Issues button on the web browser extension toolbar.

Page info (Info icon)

Skip to the instructions on how to use this section.

This is an overview of the webpage structure that is included in the scan.

The Page Info button on the web browser extension toolbar.

Single Page Scan (Recycle icon)

Skip to the instructions on how to use this section.

This is an overview of single-page scans for the current page. Single page scans are done by the Monsido application.

Note: The Monsido IP address must be whitelisted in order for the single page scan to work. The IP addresses used by Monsido are:


United States & Canada

35.226.117.128

UK & Europe

130.211.65.55

Australia & New Zealand

35.189.0.46

The Single Page Scan button on the web browser extension toolbar.

View options (Eye icon)

Skip to the instructions on how to use this section.

This button shows the viewing resolution and offers options to adjust the view for the current page.

The View Options button on the web browser extension toolbar.

Toolkit (Tools icon)

Skip to the instructions on how to use this section.

This option includes highlighting tools that give information on the website structure and properties, as they relate to Accessibility issues.

The Toolkit button on the web browser extension toolbar.

Open in Monsido

(Box with arrow-out icon)

Skip to the instructions on how to use this section.

Click to redirect to the main Monsido statistics view for the current page.

The Open in Monsido button on the web browser extension toolbar.

Settings (Gear icon)

Skip to the instructions on how to use this section.

This option shows settings for users, extensions, cache, and general information for the current page.

The Settings button on the web browser extension toolbar.

Close (X icon)

Click to close the toolbar.

The Close button on the web browser extension toolbar.

Note: If this is the first time the website has been scanned, there may not be much data to compare with.


Content Issues (insect icon)

Click to expand the Content Issues menu. The information shown is:

  • Monsido Scan Information: Click the arrow to expand the field. The field shows the date that the page was last crawled, and buttons to Start new scan and Show scanned source for the current page.

    • Start new scan: Click to start a scan on the current page. A rotating icon and the text, "Scan in progress" are shown until the scan is complete.

    • Show Scanned Source in order to view the HTML source code on the current page. Search the HTML source code for a text string, or click X to close the HTML source code and return to the previous view.

  • Quality Assurance: Click the arrow to expand the field. The field shows a quick overview of the number of broken links, broken images, misspellings, and potential misspellings on the current page. If there are any errors, the See Issues button is visible. Click See Issues to open a window and view the errors in more detail.

    • Mark as fixed: Marks the issue as fixed. It will be included in subsequent scans and if the error returns, it will appear again in the broken links list. Select this option when the error is actually fixed by the web team on the HTML code of the webpage.

    • Mark as ignored: Ignore the issue. Use this option if you know the issue is, in fact, OK. Ignored issues are not included in subsequent scans and will not show up as broken.

      Note: The difference between Mark as Fixed and Mark as Ignored is that issues marked as Fixed are still included in future scans and can be flagged again if the error persists. Issues that are set to Ignore are permanently omitted from future scans and compliance scores.

    • Click HTML (a </> icon) to open the HTML code and locate the error in the code.

      Tip: For non-HTML users, this is a great place to take a screenshot to send to the web developer for a permanent fix.

    • Click Highlight (a magnifying glass icon) to highlight the error on the webpage.

  • Policies: Click the arrow to expand the field. An overview shows the Policies Score and Policy violations for the current page. If there are any errors, a button See Issues redirects to the Statistics page, where the errors can be corrected.

  • SEO (Search Engine Optimization): Click the arrow to expand the field. An overview shows the SEO Score and SEO Issues for the current page. If there are any errors, a button See Issues redirects to the Statistics page, where the errors can be corrected.

  • Performance: Click the arrow to expand the field. If there are any errors, a button Show in Monsido redirects to the Performance page, where the performance of the page can be viewed.


Page info (info icon)

This is a quick overview of the webpage structure that is included in the scan.

  • Page Information: Expand the section to view the URL address and the number of characters, and the page title with the number of characters.

  • Headings: Expand the section to view the page headings and the number of characters.

  • Metadata: Expand to view the page metadata with the number of characters.


Single Page Scan (rotation icon)

Select this to instruct Monsido to do a scan on a single page. This option is available with or without a user subscription.


View options (eye icon)

This button shows the viewing resolution and offers options to adjust the view for the current page.

  • Screen Resolution: Expand the section to adjust the following:

    • Choose device type for best viewing:

      • Desktop and laptop device

      • Tablet device

      • Mobile device.

    • Create custom screen resolutions.

      • Width: Click in the field and use the arrows to navigate up and down through the resolution choices.

      • Height: Click in the field and use the arrows to navigate up and down through the resolution choices.

      • Reset screen: Reset the resolution to the default value.

  • Most Visitors Resolutions: Expand the section to view the resolution settings used by the majority of visitors to the site.

  • View Options: Expand the section to view the options available:

    • Enable CSS: Click to toggle the switch OFF or ON to enable CSS.

    • Display HTML code: click to toggle the switch OFF or ON to enable HTML code.

    • Vision Deficiencies.

      Click the drop-down arrow to select a vision deficiency. The page view adjusts accordingly.

      • None

      • Blurred Vision

      • Achromatopsia

      • Deuteranopia

      • Protanopia

      • Tritanopia.


Toolkit (tools icon)

This option includes highlighting tools that give information on the website structure and properties, as they relate to accessibility issues.

  • Headings: Turn the switch ON to investigate the header structure on the page.

  • Links: Turn the switch ON to examine the links on the webpage.

    • Click to turn the Links button ON.

      The Links switch in the expanded toolkit menu of the web browser extension.

      A list of all links on the website opens.

      A sample webpage with a list of page links that the scan detected.

    • Click on a link in the list to see the location on the website.

    • Hover the cursor over a link on the page for more information about it.

      The extra information that shows when the mouse hovers over a link on the page.

      • Link Text

      • Link Title

      • Link URL

      • Aria-label

      • Link Length

      • Link Target.

    • Click on a link on the page to see the link behavior as a user experiences it.


Open in Monsido: (box with an arrow-out icon)

Click on this option in the web browser extension to redirect to the main Monsido statistics view for the current page.


Settings (gear icon)

This option shows settings for users, extensions, cache, and general information for the current page.

  • User Settings: Click to view the user settings:

    • Account: The name of the account.

    • Domains matching this URL: The domain name that matches the current URL.

    • Logout: Log out the user.

  • Extension Settings:

    • Left vs. Right-aligned extension: Click to toggle this option Left or Right. This determines the side of the page that the Monsido extension toolbar is on.

    • Prevent highlighting elements with issues inside content-editable div element: Click to toggle this option OFF or ON.

    • Automatically disable site's CSS if selected issue's element is hidden: Click to toggle this option OFF or ON.

  • Cache Settings: Click to expand this section.

    • Clear Cache: Click to clear the cache for the current page.

      Note: This clears the page HTML source code cache, not the overlay from the web browser extension on the page.

    • Clear extension cache: click to clear the Monsido Extension cache.

  • Information: Click to expand this section.

    • Version: The current version of the Monsido extension.

    • Logged in as: The username for the user that is currently logged in.

    • Page: The URL for the current page.

    • Domain: The Domain name for the current page.

    • Create Support Log: Click to create a support log. The log saves to Downloaded Files on the current device. Use this file if you encounter an issue with Monsido and need to attach it to a support ticket.


Close (X icon)

Click to close the toolbar.


Document Tracking

The file extensions need to be entered, to match the files that will be scanned. If the file extension is not in the pre-loaded list, click the + button and add it to the new row.

  • Do not add a . before the file extension

  • Delete any file extensions that are not used.


User Experience

Users who have the Monsido Extension toolbar installed can use the basic functionality on any external webpage. All options are not available. These are the basic functions that are available for anyone to use if they have the Monsido Extension installed:

Page not found: This message indicates that the page is not a part of the user's paid domain package.

The Page Not Found Monsido logo message.

Single Page Scan: Click to start a single page scan with Monsido on any external page that is not covered by the user's subscription.

Note: The scan is done by Monsido, the extension only shows the results.

Image of the Single Page Scan button on the web browser extension toolbar.

View Options (Eye icon): This button shows the viewing resolution and offers options to adjust the view for the current page. Click to edit the viewing options for the page, for certain accessibility features.

The View Options button on the web browser extension toolbar.

Toolkit (Tools icon): Click to open the toolkit. This option allows a user to investigate page header structure and easily locate links on the current page.

The Toolkit button on the web browser extension toolbar.

Settings (Gear icon): Click to access basic page settings such as clear cache, extension placement on the page, and extension version.

The Settings button on the web browser extension toolbar.

Close (X icon): Click to close the extension.

The Exit button on the web browser extension toolbar.

Additional information

Troubleshooting

  1. Page Not Found error: You should be able to open the extension directly from a page. If this error appears, it is possible that you are not logged in to the extension. Click the tools icon on the bottom of the extension toolbar and enter the user login credentials.

    The Settings button on the bottom right-hand side of the Monsido extension toolbar.

Note: The Browser Extension does not yet support CSS selectors and therefore does not take any user-defined CSS selectors into consideration when highlighting matches.

Did this answer your question?