chore: add output img to readme, add emoji to violation msg

Author: ealexhaywood

.changeset/seven-parents-poke.md

@@ -0,0 +1,5 @@
+---
+"axe-testing-library": patch
+---
+
+add emoji to violation msg, add output img to readme

README.md

@@ -84,6 +84,12 @@ test("should be accessible", async ({ page }) => {
 });
 ```
 
+### Example Output
+
+For each accessibility violation you have, `axe-testing-library` will report the violation message along with a link to the rule. It also provide the rule id.
+
+![axe testing library output with violation message, and link to rule and its rule id](./output.png)
+
 ## Configuration
 
 Pass [axe run options](https://www.deque.com/axe/core-documentation/api-documentation/#options-parameter) to customize checks:

output.png

@@ -88,7 +88,7 @@ export class AxeTester<TInput> {
       }, {}),
       violationMessages: results.violations.map(
         (v) =>
-          `${v.impact?.toUpperCase()}: ${v.description}. See ${
+          `⚠️  ${v.impact?.toUpperCase()}: ${v.description}. \n⚠️  See ${
             v.helpUrl
           } (Rule ID: ${v.id})`
       ),