ANDI Does not work on our Web Application

[dqiu1200]

Browser used for testing: MS Edge, Version 106.0.1370.42.

1. On the web application page, when I tried to open ANDI by clicking on it from the favorite bar, nothing happened, ANDI could not be launched at all on the application.
2. After our developer made some changes to the web application, I was able to launch ANDI, but it did not function. Detail issues are:

a. The webpage’s header being cut off b. ANDI did not scan the page and no result returned at all c. On the ‘Select Module’ dropdown, only ‘focusable elements’ is available. When clicking on the dropdown, nothing happened, and I was not able to see/select other modules other than ‘focusable elements’.

[JohnCotterSSA]

Hi, It sounds like a Javascript error might be occurring which is causing ANDI to not fully load.

Can you please open dev tools and go to the console tab, then launch ANDI and let us know what errors you see? Screenshot of dev tools console will be helpful.

[dqiu1200]

Thank you @JohnCotterSSA!

Following the steps you stated above, here is what I got:

DevTools failed to load source map: Could not load content for https://qa-pagrants.azurewebsites.net/bundles/bootstrap-datepicker3.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Refused to load the script 'https://www.ssa.gov/accessibility/andi/fandi.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' 'unsafe-eval' blob: .bing.com .virtualearth.net az416426.vo.msecnd.net *.fontawesome.com https://www.ssa.gov/accessibility/andi/andi.js". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

[JohnCotterSSA]

It looks like the website has a CSP policy which is blocking ANDI from working. There are workarounds to CSP documented here: https://www.ssa.gov/accessibility/andi/help/faq.html#wontLaunch

The boostrap error is not related to ANDI