WTFocus/dupe-checker.html at main · lloydi/WTFocus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <title>Dupe Checker</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, shrink-to-fit=no">
</head>
<body>
 <main>
  <h1>Dupe Checker</h1>
  <!--
  <p><a href="#"></a></p>
  <p><a href="#"></a></p>
  <p><a href="#"></a></p>
  -->
<p><a href="#" aria-label="I have an identical aria-label">I have an identical aria-label</a></p>
<p><a href="#" aria-labelledby="a">I have an identical aria-labelledby</a></p>
<p hidden id="a">I have an identical aria-labelledby</p>

  <p><a href="#" role="button">Lorem</a> <a href="#" aria-label="lorem1">ipsum</a>, dolor sit amet consectetur <button type="button">adipisicing</button>, elit. <button type="button">Ea</button> tempore nesciunt, modi accusamus ipsa consequatur, voluptatum labore architecto praesentium vero facilis expedita asperiores provident adipisci enim a, quidem quam, dicta.</p>
  <p><a href="#">Lorem</a> <a href="#" aria-label="lorem2">ipsum</a>, dolor sit amet consectetur <button type="button">adipisicing</button>, elit. Ea <button type="button">tempore</button> nesciunt, modi accusamus ipsa consequatur, voluptatum labore architecto praesentium vero facilis expedita asperiores provident adipisci enim a, quidem quam, dicta.</p>
  <p><a href="#">Lorem</a> <a href="#" aria-label="lorem3">ipsum</a>, dolor sit amet consectetur <button type="button">adipisicing</button>, elit. Ea tempore <button type="button">nesciunt</button>, modi accusamus ipsa consequatur, voluptatum labore architecto praesentium vero facilis expedita asperiores provident adipisci enim a, quidem quam, dicta.</p>
 </main>
 <script src="wtfocus.js"></script>
</body>
</html>