#SemanticHTML
LightNews LightNews
inautilo.bsky.social
#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? ilo.im/16d3y3 by Craig Abbott

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML
Our CSS isn't opinionated enough
Why styling on semantics and roles could make accessibility harder to skip
ilo.im
May 28, 2026 at 12:12 AM
shopergamer.bsky.social
Semantic HTML คืออะไร

อ่านต่อ : www.blockdit.com/posts/6984b2...

#ShoperGamer #HTML #HTML5 #SemanticHTML #SEO #Div #Website #Knowledge #Study #Feed
Semantic HTML
February 6, 2026 at 2:03 PM
inautilo.bsky.social
#Development #Launches
Kernel · A component library built on semantic HTML, not div soup ilo.im/16eo9r by Karl Koch

_____
#SemanticHTML #Accessibility #Components #WebComponents #React #Library #OpenSource #WebDev #Frontend #HTML
Kernel — Semantic HTML components for React and Web Components
A component library built on real semantic HTML — React and Web Components, one shared token layer.
ilo.im
July 21, 2026 at 5:05 AM
damerms.bsky.social
Building for People in the Age of AI Agents

#AIAgents & assistive tech need the same things from a page: #SemanticHTML, structure, keyboard support. #NehaPandit on what that overlap means for how we build the web.

https://bit.ly/3TN7wDh

#id24 #InclusiveDesign #a11y #Accessibility #DesignForAll
Neha Pandit/ Building for People in the Age of AI Agents #id24 2026
YouTube video by Inclusive Design 24 #id24
www.youtube.com
September 24, 2026 at 2:00 PM
inautilo.bsky.social
#Development #Experiences
Moving away from Tailwind · Learnings from rebuilding CSS without a framework ilo.im/16d08a by Julia Evans

_____
#Migration #CSS #TailwindCSS #SemanticHTML #Frameworks #WebDev #Frontend #HTML
Moving away from Tailwind, and learning to structure my CSS
Moving away from Tailwind, and learning to structure my CSS
ilo.im
May 18, 2026 at 12:54 AM
deconspray.bsky.social
If AI improvements don't also improve the web for people, we're solving the wrong problem.

cloudfour.com/thinks...

#Accessibility #WebAccessibility #InclusiveDesign #AI #ArtificialIntelligence #WebDevelopment #SemanticHTML #UX #DigitalAccessibility #A11y
Improvements to Web for AI Should Benefit All Users
Proposed changes to the web platform to support AI should also support users and assistive technology whenever possible.
cloudfour.com
August 6, 2026 at 6:17 PM
inautilo.bsky.social
#Development #Explainers
On the semantic web · “Semantic HTML is interface infrastructure.“ ilo.im/16e7am by Karl Koch

_____
#SemanticHTML #Components #Forms #Buttons #Accessibility #ARIA #Browsers #WebDev #Frontend #HTML
Karl Koch | On the semantic web
Semantic HTML is interface infrastructure: native elements carry behaviour, accessibility, form semantics, keyboard support, and platform adaptation before styling begins.
ilo.im
July 1, 2026 at 9:15 AM
inautilo.bsky.social
#Development #Pitfalls
Semantics beyond the tag name · What it means to actually write semantic HTML ilo.im/169akd by Nathan Knowler

_____
#SemanticHTML #Accessibility #Landmarks #ARIA #WebComponents #Browsers #WebDev #Frontend #HTML #JavaScript
Semantics beyond the tag name - HTMHell
A collection of bad practices in HTML, copied from real websites.
ilo.im
December 19, 2025 at 2:37 PM
handle.invalid
HTML semantics matter more than ever in the agentic web. Agents parse structure, not visual design. If it looks like a button but is just a div, agents will miss it. Accessibility now includes agent compatibility. #AgenticWeb #SemanticHTML #UX
polyarushseo.com Pav Polyarush ☑️ @polyarushseo.com · Feb 11
To survive the Agentic Web, you must return to basics.

Use standard HTML <button> and <a> tags for interactions.

Avoid using generic <div> tags that rely on complex scripts to act like buttons. If the code doesn't explicitly say "button," the agent doesn't know it can push it.
February 11, 2026 at 2:37 PM
cyrez.dev
A button is a button and a link is a link. Hooray!

deconspray.bsky.social
An H1 isn't about font size. It's about meaning and structure. Diana Khalipina challenges common heading myths.

a11ywithdiana.substa...

#Accessibility #WebAccessibility #A11y #WCAG #SemanticHTML #UX
Why H1 is not just the biggest text on the page
Visually, you can make any text look like a heading with CSS, but for someone using a screen reader, an actual <h1> is part of the page structure.
a11ywithdiana.substack.com
September 4, 2026 at 4:11 PM
dankeck.a11y.social.ap.brid.gy
Erect a clown website, expect a circus user experience.

#html #semanticHTML #javascript #WebDesign #accessibility
July 15, 2025 at 4:02 PM
shinspiegel.bsky.social
The internet is ugly, I can kind of prove it. Maybe this could be a good read for you

jeferson.me/blog/2026/08...

#Accessibility #AI #Artificial #Benchmarks #BrokenLinks #Culture #DataMining #Design #Emails #Frontend #Html #Intelligence #Internet #Links #Privacy #SemanticHtml #SmallWeb #UI #Web
The Internet is Ugly
The internet is ugly, benchmarks score the checklist but miss the brokenness, div-buttons, dead links, dead emails, and the pages AI will learn from.
jeferson.me
August 7, 2026 at 7:39 AM
jameswalshxyz.bsky.social
✅ SUCCESS #1: AI Stopped Me From Confusing Screen Readers

My mistake? Using big headings

for visual style, not to build the site's structural outline. The AI acted as a coach, ensuring the "table of contents" made logical sense to screen readers.

#A11y #WebDev #WAIARIA #Frontend #SemanticHTML

November 28, 2025 at 8:15 PM
deconspray.bsky.social
Semantic HTML is fading, costing clarity and accessibility. Jono Alderson shows how tags like
Why semantic HTML still matters
If you want to build for performance, accessibility, discoverability, or resilience, you must start with HTML that means something.
www.jonoalderson.com
August 13, 2025 at 12:13 PM
kerrick.blog
blog.damato.design/posts/defend...

#CSS #WebDev #FrontEnd #Design #Tailwind #SemanticHTML #Components #Reusability #SoftwareEngineering #Teams #Skills
Defending Tailwind
I don't like it, but I get it.
blog.damato.design
April 5, 2025 at 2:23 AM
krakendevco.bsky.social
Messy code hurts rankings. We write semantic HTML and SEO-smart structure, so bots crawl better, users stay longer, and rankings climb.
#CleanCodeSEO #SemanticHTML #TechSEO #DevAudit
October 27, 2025 at 10:00 AM
inautilo.bsky.social
#Development #Guidelines
HTML page headings in the header? · Why they don’t really belong there ilo.im/167o5x by Martin Underhill

_____
#Headings #SemanticHTML #Accessibility #Landmarks #ScreenReader #Keyboard #WebPage #WebDev #Frontend #HTML
Page headings don’t belong in the header
I have a habit of thinking pretty deeply about semantics and structure, and have been considering the main page heading and where it should live.
ilo.im
October 17, 2025 at 6:27 AM
deconspray.bsky.social
Martin Underhill says putting

in
can confuse assistive tech. Place it in
for clearer structure and better accessibility.

www.tempertemper.net/blog/page-he...

#WebAccessibility #DigitalAccessibility #UXDesign #SemanticHTML #FrontendDevelopment #WebDev #A11y

Page headings don’t belong in the header
I have a habit of thinking pretty deeply about semantics and structure, and have been considering the main page heading and where it should live.
www.tempertemper.net
October 31, 2025 at 11:45 AM
louiseesperance.bsky.social
Accessibility insight: Screen reader users navigate primarily via headings and landmarks. Structuring your content with proper semantic HTML creates a better experience than visual design alone. #a11y #SemanticHTML #DigitalAccessibility
June 27, 2025 at 8:30 PM
deconspray.bsky.social
Semantic HTML strengthens accessibility and clarity for every user. Geoff Graham shows why structure matters and how inclusive code improves experiences. A simple shift with big impact.

css-tricks.com/explaining-t...

#DigitalAccessibility #SemanticHTML #InclusiveDesign #A11y #WebDevelopment #UX
Explaining the Accessible Benefits of Using Semantic HTML Elements | CSS-Tricks
Why should you use a semantic <button> instead of a generic <div>? Accessibility, right? By how exactly does it help accessibility?
css-tricks.com
November 29, 2025 at 2:34 PM
uidealist.bsky.social
Semantically correct HTML matters. The menu icon here is a div when it should be a button for correct keyboard and screen reader interaction. Always use semantic elements to build a web that works for everyone. #WebDev #Accessibility #a11y #InclusiveDesign #SemanticHTML #WebDesign
August 19, 2025 at 8:56 PM
inautilo.bsky.social
#Development
You don’t know HTML tables · A deep dive into their anatomy and mechanics ilo.im/16b68g by Frank M. Taylor

_____
#HtmlTables #SemanticHTML #Accessibility #API #Browser #WebDev #Frontend #HTML #JavaScript
You Don’t Know HTML Tables
This is a deep dive into HTML tables that cover its vocabulary & parts, Table Object Model, Cell headers, and the semantic value of table headers and footers
ilo.im
March 9, 2026 at 5:21 AM
deconspray.bsky.social
Screen readers don’t read what you see unless you code what you mean. Geri Reid’s burrito metaphor reveals how semantic #HTML & proper names make digital experiences inclusive.

buff.ly/fA582V1

#WebAccessibility #A11y #InclusiveDesign #ScreenReaders #SemanticHTML #UX #DigitalAccessibility
Don't leave the screen reader hungry - HTMHell
A collection of bad practices in HTML, copied from real websites.
www.htmhell.dev
December 27, 2025 at 2:30 PM
deconspray.bsky.social
Accessible names should identify, not repeat semantics. A button is a button. Clear names reduce noise and improve UX.

www.erikkroes.nl/blo...

#Accessibility #A11y #WebAccessibility #InclusiveDesign #WCAG #SemanticHTML #DigitalAccessibility
How (not to) name things | Erik Kroes - Accessibility Consultant
Imagine every sign stating "you are now in front of a sign". Or the LinkedIn-app is now called "this is an app".
www.erikkroes.nl
August 30, 2026 at 4:07 PM