UserWay's Accessibility Scanner offers 3 different types of authentications:
|Authentication Type||Applies to||Complexity|
|Basic Authentication||Website that uses basic HTTP authentication||No technical skill required|
|Form Authentication||Username plus password authentication||Basic CSS knowledge|
|Scenario Authentication||Any other type of login||Basic CSS and JS knowledge|
HTTP Basic authentication simply means the application sends a
password with every request, and those credentials are also often stored or saved on the device.
To add a site that is under
HTTP basic authentication, follow the steps below:
- Log in to your scanner account.
- Click on
+ New Scanto create a new scan
- Switch to the
Authenticated Scantab to choose the authentication method
- Add the site or page you would like to scan, then change to
- Add the User name and Password and click the
The authentication form is implemented directly on the website in forum format. The user needs to enter a
password to access protected content, e.g., our Scanner login page.
The following example shows how selectors would look using our scanner authentication form:
User Name Field Selector,
Password Field Selector and the
To add a site that is under
Form Authentication, follow the steps below:
- Inspect your website authentication form in a web browser using the developer tool:
+ New Scanand
Form Authenticated scan
- Add your username and password, and fill in the form based on the inspection result from Step 1.
- Fill in the form using the selectors from the contact form
Start Scanto add the authenticated form page to the scanner:
The selectors and ID above are just an example. They can vary according to the structure of the page. Use your browser's inspect tool to obtain the information, or consult with a developer.
These are used when the authentication system has a specific scenario, e.g.: Authentication requires multiple steps or Authentication requires more than username/email and password.
In the following example, we will use the https://login.live.com/ website as an example, and some most-used commands, to create an authentication scenario:
|Commands/code:||What the command/code does:|
||Performs mouse click on a given CSS selector|
||Performs text typing to an input (or text area) within a given CSS selector|
||Pauses scenario execution for a given timeout. We recommend using this command whenever the page or the page's DOM changes.|
- Go to https://login.live.com/ and inspect the username form (Find CSS field selector for email, e.g.:
- Find CSS field selector for Password, e.g.:
- Log in to your scanner account
- Go to + New Scan > Authenticated Scan > Scenario authentication
- Add the site or page you would like to scan & monitor, and the authentication access details: