HEAD - A free guide to `head` elements
A one-stop shop for all the metacrap you can put in the head of your HTML documents.
Responses
Related links
Introduction to Screen Readers Using Voiceover | Gymnasium
This is a great short introduction to using VoiceOver with Safari by the one and only Ethan Marcotte.
Accessible HTML Elements | Amber’s Website
Amber runs through some HTML elements that help you provide semantic information—and accessibility—for your website: headings, paragraphs, lists, and more:
You may be aware that ARIA roles are often used with HTML elements. I haven’t written about them here, as it’s good to see how HTML written without ARIA can still be accessible.
Fixed Headers and Jump Links? The Solution is scroll-margin-top | CSS-Tricks
I didn’t know about scroll-margin-top! I wonder if you could apply a universal rule …like, say you’ve got a fixed header that’s 2em in height, couldn’t you declare:
:target {
scroll-margin-top: 2em;
}
How to Section Your HTML | CSS-Tricks
A deep dive with good advice on using—and labelling—sectioning content in HTML: nav, aside, section, and article.
Let small include subheadings? · Issue #929 · w3c/html
Here’s an interesting proposal to slightly amend the semantics of the small element so it could apply to the use-case that hgroup was trying to cover.
Related posts
Speculation rules
A performance boost in Chrome.
Accessibility testing
It’s not just about finding the issues—it’s about finding the issues at the right time.
Streamlining HTML web components
Some handy tips courtesy of Chris Ferdinandi.
My approach to HTML web components
Naming custom elements, naming attributes, the single responsibility principle, and communicating across components.
Displaying HTML web components
You might want to use `display: contents` …maybe.