diff --git a/example/index.tsx b/example/index.tsx
index 7be3bde..26402f0 100644
--- a/example/index.tsx
+++ b/example/index.tsx
@@ -4,6 +4,21 @@ import * as React from 'react';
import * as ReactDOM from 'react-dom';
import AxeMode from '../src/index';
+function Subtitle() {
+ return
Accessibility testing componentized
;
+}
+
+function Image() {
+ return (
+
+ );
+}
+
const App = () => {
return (
@@ -16,17 +31,12 @@ const App = () => {
/>
-
+
- {target}
+
+ {getComponentFromNode(document.querySelector(target)) || target}
+
{violations.map(violation => {
const [{ any, all }] = violation.nodes.filter(node =>
node.target.includes(target)
diff --git a/src/styles.css b/src/styles.css
index 84a7357..cc8ee6e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -30,13 +30,8 @@ axe-mode-overlay {
z-index: 1337;
animation: slideDown 0.4s ease-in-out;
}
-
-.popover h1,
-.popover p {
+.popover h2 {
margin: 0;
-}
-
-.popover h1 {
font-size: 20px;
color: #222328;
}