That also rules out the HTML element.Īsides are meant for, quoting MDN web docs: “a portion of a document whose content is only indirectly related to the document’s main content”.Īn aside doesn’t require the context of the main article to make sense. Moreover, most of my sidenotes make no sense without the context of the sentence they refer to. That requires one click to go there and another to go back to the article. They don’t appear in the margin, but below the text. Let’s first get footnotes 1 out of the way. Here are some options that I considered, with help from answers on my StackOverflow question. That likely means the two parts should be be placed together.Įlements that don’t work For sidenote content The sidenote content should be read by screen readers, in a flow that makes sense.That means at the very least that I can’t rely on website’s CSS to place and style the elements correctly. Reader modes and apps like Pocket and RSS readers should show sidenote content in a typographically acceptable way.The elements should not cause auto-closing of their parent tag.The sidenote content may contain clickable elements that can receive keyboard focus.The sidenote content may contain span elements such as and.The content of the sidenote should have a similarly valid HTML tag.The span that the sidenote refers to should have a proper semantic HTML element (no abuse of elements made for other purposes).A word or a span of words that it refers to.The problem is, it’s hard to find a properly semantic HTML solution to do this. Here’s an example (sidenote: Actually, here’s the example! This is the actual sidenote. On small screens, they’re hidden by default and can be made visible with a tap. On this website, sidenotes appear next to the article when there’s enough space. Although the notes may have been added later in this example, it’s not uncommon for printed texts to have sidenotes from the author. This late-13th century page has wide margins for notes. I can put all the info that’s not critical for the main story there, so you, dear reader, can just skip that kind of frivolry, if you’re not interested. Luckily, there’s an old typographical solution for that: sidenotes. But I like to add details, anecdotes and silliness. It’s good practice to make blog posts short. Complained that my stories had no begin and no end. My relatives already mocked my rambling when I was a teenager. I will try to keep it short, because I have a tendency to make stories longer than necessary.
0 kommentar(er)
