Accessibility check support

[arvigeus]

The idea is to allow the developer to check if their app is accessible.

Cons:

• Complex to implement
• Annoying, if the dev does not care (example: personal projects)

[kentcdodds]

Do you have tool suggestions?

[abhinaba-ghosh]

You could into here - https://github.com/abhinaba-ghosh/axe-playwright

@arvigeus I haven't created the lighthouse plugin for accesibility testing in focus

[andrecasal]

Axe looks great btw. And testing seems like the right place to put this 👍

[andrecasal]

Looking at https://github.com/abhinaba-ghosh/axe-playwright for a PR for this.

Seems like we have to visit a page, inject the Axe script, and check for accessibility: page.goto() -> injectAxe(page) -> checkA11y(). For every page.

Is there a way to get all Remix routes so we can check all pages?

[kentcdodds]

You could implement a sitemap and then use that. There's an example for this.

[arvigeus]

@abhinaba-ghosh What is the difference between this and @axe-core/playwright? It seems to be the official way to do it