Skip to content

Commit

Permalink
Fix image
Browse files Browse the repository at this point in the history
  • Loading branch information
sapegin committed Oct 3, 2024
1 parent ff1aab0 commit 8d542b6
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/content/blog/accessibility-testing.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ Unless we test our site or app’s accessibility after every change, we’ll eve

[Cypress-axe](https://github.com/avanslaars/cypress-axe) is based on axe-core. It allows us to run accessibility checks inside [end-to-end Cypress tests](/blog/react-testing-4-cypress/), which is good because we likely already run end-to-end tests during continuous integration, and we render all our pages there. We could also run checks multiple times to test pages in different states. For example, with an open modal or an expanded content section.

![Cypress-axe prints accessibility violations in the terminal](/images/cypress-axe-violations.png)
![Cypress-axe prints accessibility violations in the terminal](/images/blog/cypress-axe-violations.png)

Such tests could be a good accessibility _smoke test_ that makes sure we’re not breaking our site or app. However, cypress-axe is inconvenient to analyze pages that already have accessibility issues. For that, a browser extension, like Axe or Accessibility Insights, would be more convenient.

Expand Down

0 comments on commit 8d542b6

Please sign in to comment.