A Perfect Table of Contents: useful HTML/CSS tutorial I found!

Webweaving
, , ,
1

Hey there,

while looking up something related to semantic tagging of backlinks like “return to table of contents”, I stumbled upon this great comprehensive HTML/CSS tutorial about table of contents-style design patterns in general!

I was pretty happy as to how in-depth it goes and how it actually specifically made sure to respect accessibility needs for screen readers.

Maybe this helps someone else, too!

2 Likes
2

Dots as content is interesting. I would have first looked at border-style:dotted, but it wouldn’t be quite the same.

Maybe there are some other approaches with border-image and an SVG but then you might be restricted from using visited link colors.

2 Likes