Sunday, October 13, 2019

Web Accessibility Testing

The website wave.webaim.org looked to be much useful tool. Gave the URL to the website which to be tested for accessibility and it loaded the site and began to do the testing.
Hmm this does not come back even after 15 mins!!!

OK looking at the console, it seems to be failing with the below errors

Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
    at Object.wave.fn.setupTags (wave.min.js?v=5:4)
    at Object.wave.fn.run (wave.min.js?v=5:4)
    at Object. (wave.min.js?v=5:4)
    at u (wave.min.js?v=5:1)
    at Object.fireWith (wave.min.js?v=5:1)
    at Object.fire [as resolve] (wave.min.js?v=5:1)
    at HTMLIFrameElement. (wave.min.js?v=5:4)
    at HTMLIFrameElement.dispatch (wave.min.js?v=5:2)
    at HTMLIFrameElement.s (wave.min.js?v=5:2)
2wave.min.js?v=5:6 Uncaught TypeError: Cannot read property 'hide' of undefined
    at Object.wave.tabs.changeMode (wave.min.js?v=5:6)
    at HTMLAnchorElement. (wave.min.js?v=5:5)
    at HTMLAnchorElement.dispatch (wave.min.js?v=5:2)
    at HTMLAnchorElement.s (wave.min.js?v=5:2)

Some of the other web sites found are https://github.com/Muhnad/a11y-checker This seems to be giving warnings in the console like these

common-sandbox.f352477c.chunk.js:1 Page has Multi

tag. Fix: use only one

in the page.
common-sandbox.f352477c.chunk.js:1 Button text or aria-label is missing. Fix: Add aria-label="VALUE" or to

But problem is that we need to include the nam in the build itself and provide in the page wic=hic is being loaded.

Another is this https://github.com/Orange-OpenSource/a11ygato-platform


References:
https://wave.webaim.org/

No comments:

Post a Comment