html: add tabindex=-1 to headings
apparently anchor targets should be focusable
This commit is contained in:
parent
f5b3692b2c
commit
c3c8676524
@ -38,7 +38,7 @@ impl Traverser for Handler {
|
||||
|
||||
let id = generate_headline_id(&headline);
|
||||
|
||||
self.exp.push_str(format!("<h{} id=\"{}\">", lvl, id));
|
||||
self.exp.push_str(format!("<h{} tabindex=-1 id=\"{}\">", lvl, id));
|
||||
self.output_headline_todo(&headline);
|
||||
for e in headline.title() {
|
||||
self.element(e, ctx);
|
||||
@ -393,15 +393,15 @@ AAAA even more
|
||||
res.traverse(&mut exp);
|
||||
assert_eq!(
|
||||
exp.exp.finish(),
|
||||
r##"<main><section></section><h2 id="meow">meow <a class=see-focus href="#meow" aria-label="permalink to section">¶</a></h2><section><div class="chat"><img class=chat-head width=64 src="faces/fox.png" alt="fox is fox"><div class=chat-text><span class=chat-nick role=figure aria-label="fox says"><fox></span> AAAA
|
||||
r##"<main><section></section><h2 tabindex=-1 id="meow">meow <a class=see-focus href="#meow" aria-label="permalink to section">¶</a></h2><section><div class="chat"><img class=chat-head width=64 src="faces/fox.png" alt="fox is fox"><div class=chat-text><span class=chat-nick role=figure aria-label="fox says"><fox></span> AAAA
|
||||
</div></div><p><a href="#finish-writing-this-test">i am a heading link</a>
|
||||
<a href="hmm/example.org/test.html">should link to .html</a>
|
||||
<a href="hmm/example.org/test.html#something">should also link to .html</a>
|
||||
<a href="hmm/example.org/">im a directory!</a>
|
||||
<a href="https://example.org">webbed sight</a>
|
||||
</p><p><img src="https://cheapiesystems.com/media/images/libera-cat.png" alt="the libera.chat logo, but with the mountain replaced with a cat">
|
||||
</p></section><h3 id="foxwash-time"><span class=todo>TODO</span> wash the fox <a class=see-focus href="#foxwash-time" aria-label="permalink to section">¶</a></h3><section><div class="chat"><img class=chat-head width=64 src="faces/fox-stimky.png" alt="fox is stimky"><div class=chat-text><span class=chat-nick role=figure aria-label="fox says"><fox></span> AAAA even more
|
||||
</div></div></section><h3 id="finish-writing-this-test"><span class=done>DONE</span> finish writing this test <a class=see-focus href="#finish-writing-this-test" aria-label="permalink to section">¶</a></h3></main>"##
|
||||
</p></section><h3 tabindex=-1 id="foxwash-time"><span class=todo>TODO</span> wash the fox <a class=see-focus href="#foxwash-time" aria-label="permalink to section">¶</a></h3><section><div class="chat"><img class=chat-head width=64 src="faces/fox-stimky.png" alt="fox is stimky"><div class=chat-text><span class=chat-nick role=figure aria-label="fox says"><fox></span> AAAA even more
|
||||
</div></div></section><h3 tabindex=-1 id="finish-writing-this-test"><span class=done>DONE</span> finish writing this test <a class=see-focus href="#finish-writing-this-test" aria-label="permalink to section">¶</a></h3></main>"##
|
||||
);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user