Add tabIndex: -1 to hidden links

Related-to remarkjs/remark-autolink-headings#49.
rehypejs · Jun 21, 2020 · 1fab930 · 1fab930
1 parent c9cb4a3
commit 1fab930
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 7 deletions.
diff --git a/index.js b/index.js
@@ -34,7 +34,7 @@ function autolink(options) {
     method = inject
 
     if (!props) {
-      props = {ariaHidden: 'true'}
+      props = {ariaHidden: 'true', tabIndex: -1}
     }
   }
 

diff --git a/readme.md b/readme.md
@@ -84,7 +84,8 @@ Supplying `prepend`, `append`, or `wrap` will ignore the `group` option.
 ###### `options.properties`
 
 Extra properties to set on the link (`Object?`).
-Defaults to `{ariaHidden: true}` when in `'prepend'` or `'append'` mode.
+Defaults to `{ariaHidden: true, tabIndex: -1}` when in `'prepend'` or
+`'append'` mode.
 
 ###### `options.content`
 

diff --git a/test/fixtures/behavior-append/output.html b/test/fixtures/behavior-append/output.html
@@ -1 +1 @@
-<h1 id="foo">Bar<a aria-hidden="true" href="#foo"><span class="icon icon-link"></span></a></h1>
+<h1 id="foo">Bar<a aria-hidden="true" tabindex="-1" href="#foo"><span class="icon icon-link"></span></a></h1>
diff --git a/test/fixtures/behavior-prepend/output.html b/test/fixtures/behavior-prepend/output.html
@@ -1 +1 @@
-<h1 id="foo"><a aria-hidden="true" href="#foo"><span class="icon icon-link"></span></a>Bar</h1>
+<h1 id="foo"><a aria-hidden="true" tabindex="-1" href="#foo"><span class="icon icon-link"></span></a>Bar</h1>
diff --git a/test/fixtures/content-multiple/output.html b/test/fixtures/content-multiple/output.html
@@ -1 +1 @@
-<h1 id="foo"><a aria-hidden="true" href="#foo"><!--Foo -->bar<!-- baz--></a>Bar</h1>
+<h1 id="foo"><a aria-hidden="true" tabindex="-1" href="#foo"><!--Foo -->bar<!-- baz--></a>Bar</h1>
diff --git a/test/fixtures/content-one/output.html b/test/fixtures/content-one/output.html
@@ -1 +1 @@
-<h1 id="foo"><a aria-hidden="true" href="#foo"><!--Tada!--></a>Bar</h1>
+<h1 id="foo"><a aria-hidden="true" tabindex="-1" href="#foo"><!--Tada!--></a>Bar</h1>
diff --git a/test/fixtures/default/output.html b/test/fixtures/default/output.html
@@ -1,3 +1,3 @@
 <p>Alpha</p>
-<h1 id="bravo"><a aria-hidden="true" href="#bravo"><span class="icon icon-link"></span></a>Charlie</h1>
+<h1 id="bravo"><a aria-hidden="true" tabindex="-1" href="#bravo"><span class="icon icon-link"></span></a>Charlie</h1>
 <p>Delta</p>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<h1 id="foo">Bar<a aria-hidden="true" href="#foo"><span class="icon icon-link"></span></a></h1>
		<h1 id="foo">Bar<a aria-hidden="true" tabindex="-1" href="#foo"><span class="icon icon-link"></span></a></h1>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<h1 id="foo"><a aria-hidden="true" href="#foo"><span class="icon icon-link"></span></a>Bar</h1>
		<h1 id="foo"><a aria-hidden="true" tabindex="-1" href="#foo"><span class="icon icon-link"></span></a>Bar</h1>