#headings — Public Fediverse posts

“headingoffset” Is Not the Document Outline Algorithm, by @aardrian:

https://adrianroselli.com/2026/06/headingoffset-is-not-the-document-outline-algorithm.html?ref=frontenddogma.com

#html #attributes #headings

“headingoffset” Is Not the Document Outline Algorithm, by @aardrian:

https://adrianroselli.com/2026/06/headingoffset-is-not-the-document-outline-algorithm.html?ref=frontenddogma.com

#html #attributes #headings

Context-Aware Headings in HTML, by @matuzo:

https://www.matuzo.at/blog/2026/content-aware-headings?ref=frontenddogma.com

#headings #html #attributes

Context-Aware Headings in HTML, by @matuzo:

https://www.matuzo.at/blog/2026/content-aware-headings?ref=frontenddogma.com

#headings #html #attributes

#Development #Clarifications
Not the document outline algorithm · What to know when using HTML’s ‘headingoffset’ attribute https://ilo.im/16dp3d

_____
#Headings #Content #Accessibility #Firefox #Browsers #WebDev #Frontend #DOM #HTML

#Development #Clarifications
Not the document outline algorithm · What to know when using HTML’s ‘headingoffset’ attribute https://ilo.im/16dp3d

_____
#Headings #Content #Accessibility #Firefox #Browsers #WebDev #Frontend #DOM #HTML

#Development #Explorations
Context-aware headings in HTML · A long-awaited feature arrives in Firefox Nightly https://ilo.im/16dgcx

_____
#Headings #Accessibility #ScreenReaders #Firefox #Browsers #WebDev #Frontend #HTML

#Development #Explorations
Context-aware headings in HTML · A long-awaited feature arrives in Firefox Nightly https://ilo.im/16dgcx

_____
#Headings #Accessibility #ScreenReaders #Firefox #Browsers #WebDev #Frontend #HTML

Headings the Right Way: Site Building Tips for Accessible Page Content, by @drupalassoc:

https://www.youtube.com/watch?v=FELVQl35wXc

#videos #html #headings #accessibility

Headings the Right Way: Site Building Tips for Accessible Page Content, by @drupalassoc:

https://www.youtube.com/watch?v=FELVQl35wXc

#videos #html #headings #accessibility

#Development #Findings
The WebAIM Million Report 2026 · Accessibility of the top 1,000,000 home pages https://ilo.im/16bvc0

_____
#Accessibility #WCAG #ARIA #Contrast #AltText #Headings #Regions #WebTechnology #WebDev #Frontend

#Development #Findings
The WebAIM Million Report 2026 · Accessibility of the top 1,000,000 home pages https://ilo.im/16bvc0

_____
#Accessibility #WCAG #ARIA #Contrast #AltText #Headings #Regions #WebTechnology #WebDev #Frontend

Giving pages a clear shape by using headings
https://www.htmhell.dev/adventcalendar/2025/16/
#html #headings #webdev #a11y

Giving pages a clear shape by using headings
https://www.htmhell.dev/adventcalendar/2025/16/
#html #headings #webdev #a11y

#Development #Guides
Accessible building blocks for the web · Key considerations for common website elements https://ilo.im/16afmp

_____
#Accessibility #Headings #Images #Links #Buttons #Forms #Websites #WebDev #Frontend #Videos

#Development #Guides
Accessible building blocks for the web · Key considerations for common website elements https://ilo.im/16afmp

_____
#Accessibility #Headings #Images #Links #Buttons #Forms #Websites #WebDev #Frontend #Videos

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

Style Headings Using the CSS “:heading” Pseudo-Class, by @sturobson:

https://www.alwaystwisted.com/articles/styling-with-the-heading-pseudo-class

#headings #css #selectors

Style Headings Using the CSS “:heading” Pseudo-Class, by @sturobson:

https://www.alwaystwisted.com/articles/styling-with-the-heading-pseudo-class

#headings #css #selectors

The Final Nail in the HTML5 Document Outline Coffin, by @tempertemper:

https://www.tempertemper.net/blog/the-final-nail-in-the-html5-document-outline-coffin

#html #headings #accessibility

The Final Nail in the HTML5 Document Outline Coffin, by @tempertemper:

https://www.tempertemper.net/blog/the-final-nail-in-the-html5-document-outline-coffin

#html #headings #accessibility

Giving Pages a Clear Shape by Using Headings, by @matuzo:

https://www.htmhell.dev/adventcalendar/2025/16/

#html #headings

Giving Pages a Clear Shape by Using Headings, by @matuzo:

https://www.htmhell.dev/adventcalendar/2025/16/

#html #headings

Testing Methods: Section Headings, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-section-headings/

#accessibility #testing #wcag #headings

Testing Methods: Section Headings, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-section-headings/

#accessibility #testing #wcag #headings

Testing Methods: Headings and Labels, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-headings-and-labels/

#accessibility #wcag #testing #headings #labels #forms

Testing Methods: Headings and Labels, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-headings-and-labels/

#accessibility #wcag #testing #headings #labels #forms

Why Headings Are Important in HTML: Structure, Accessibility, and SEO, by (not on Mastodon or Bluesky):

https://www.sitepoint.com/headings-in-html-structure/

#html #headings #accessibility #seo

Why Headings Are Important in HTML: Structure, Accessibility, and SEO, by (not on Mastodon or Bluesky):

https://www.sitepoint.com/headings-in-html-structure/

#html #headings #accessibility #seo

Headings: Semantics, Fluidity, and Styling—Oh My!, by @geoff (@csstricks):

https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/

#headings #html #css

Headings: Semantics, Fluidity, and Styling—Oh My!, by @geoff (@csstricks):

https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/

#headings #html #css

Headers, Headings, and Titles, by @tempertemper:

https://www.tempertemper.net/blog/headers-headings-and-titles

#html #headings #comparisons #terminology

Headers, Headings, and Titles, by @tempertemper:

https://www.tempertemper.net/blog/headers-headings-and-titles

#html #headings #comparisons #terminology

Headings: the invisible compass of web accessibility
https://a11yblog.com/2025/10/05/headings-the-invisible-compass-of-web-accessibility/
#a11y #headings #webdev #webdesign

Headings: the invisible compass of web accessibility
https://a11yblog.com/2025/10/05/headings-the-invisible-compass-of-web-accessibility/
#a11y #headings #webdev #webdesign

Page Headings Don’t Belong in the Header, by @tempertemper:

https://www.tempertemper.net/blog/page-headings-dont-belong-in-the-header

#html #headings #skiplinks #accessibility

Page Headings Don’t Belong in the Header, by @tempertemper:

https://www.tempertemper.net/blog/page-headings-dont-belong-in-the-header

#html #headings #skiplinks #accessibility

#Development #Guidelines
HTML page headings in the header? · Why they don’t really belong there https://ilo.im/167o5x

_____
#Headings #SemanticHTML #Accessibility #Landmarks #ScreenReader #Keyboard #WebPage #WebDev #Frontend #HTML

#Development #Guidelines
HTML page headings in the header? · Why they don’t really belong there https://ilo.im/167o5x

_____
#Headings #SemanticHTML #Accessibility #Landmarks #ScreenReader #Keyboard #WebPage #WebDev #Frontend #HTML

Fluid Headings, by @donnie:

https://blog.damato.design/posts/fluid-headings/

#headings #typography #css #responsivedesign

Fluid Headings, by @donnie:

https://blog.damato.design/posts/fluid-headings/

#headings #typography #css #responsivedesign

Two resources on headings and accessibility, from Pope Tech:

How to Create Better (And More Accessible) Heading Structures
https://blog.pope.tech/2025/08/11/how-to-create-better-and-more-accessible-heading-structures/

5 heading accessibility issues to avoid
https://blog.pope.tech/2025/08/11/5-heading-accessibility-issues-to-avoid/

#a11y #headings #webdev #webdesign

Two resources on headings and accessibility, from Pope Tech:

How to Create Better (And More Accessible) Heading Structures
https://blog.pope.tech/2025/08/11/how-to-create-better-and-more-accessible-heading-structures/

5 heading accessibility issues to avoid
https://blog.pope.tech/2025/08/11/5-heading-accessibility-issues-to-avoid/

#a11y #headings #webdev #webdesign

#Development #Previews
CSS :heading and :heading() · Styling headings is about to get much easier https://ilo.im/166xa6

_____
#ModernCSS #Styling #Headings #Firefox #Browser #WebDev #Frontend #HTML #CSS

#Development #Previews
CSS :heading and :heading() · Styling headings is about to get much easier https://ilo.im/166xa6

_____
#ModernCSS #Styling #Headings #Firefox #Browser #WebDev #Frontend #HTML #CSS

5 Heading Accessibility Issues to Avoid, by @popetech.bsky.social:

https://blog.pope.tech/2025/08/11/5-heading-accessibility-issues-to-avoid/

#accessibility #headings #html

5 Heading Accessibility Issues to Avoid, by @popetech.bsky.social:

https://blog.pope.tech/2025/08/11/5-heading-accessibility-issues-to-avoid/

#accessibility #headings #html