search
HomeWeb Front-endCSS TutorialThe HTML I Wish I Had (pt. 2)

The HTML I Wish I Had (pt. 2)

HTML Should Be For People

Any innovation should be for people. The end result should be human happiness. The driving goal percentage of the population affected toward happiness. This is how maximum good can be accomplished.

Most people believe it is reasonable for an organization to have a scope of population whom the responsiblility of "toward happiness" applies. While at my company we refute the claim, we can continue to examine HTML with that idea in mind.

In the context of HTML, the percentage of population affected is a lot. The technical term for this may even be considered "the inhabited earth." Any living user of the internet receives downstream decisions of WHATWG, the working group which defines HTML.

That working group did no justice for the human audience in the decision for semantic elements. It does nothing for the human readers. It makes the experience more wordy, complicated, and by the DevEx tradition of classifying coginitive load as undesirable, these additional elements make the experience worse.

I expect to hear a thought which goes, "But, but... accessibility!" I'll be clear. Accessibility is not optional, it is a requirement. I expect to hear that contending thought because a good HTML Developer has that in mind. Yet here is the pill to swallow: Semantic elements do nothing for accessibility. A Screen Reader (a screen reader is simply a web scraper) may implement some understanding of the elements, but it may not! Further, it's 2024, and there is no standardization in this regard. Moreover, the algorithms of what to do with the information must necessarily vary between developers, and the information of what the human reader wants to know about the page must also vary!

Semantic elements were only a step toward complication for the benefit of very few. WHATWG started as a company of "major" players in the internet biz, and it's clear their priorities were skewed. It is valuable technology for companies who's business model is web scraping, not for accessibility, but for content aggregation (i.e. search engines).

HTML should be for people. Human experience and the betterment in that area (generally, not financially), should be the goal of any major innovation with the effective reach of HTML. Instead we got technology to answer the question "How can this subsection be characterized?"

Better stated, it's a Secret Answer because no living thing reads the answer to that question. A business entity is not a living thing. A web scraper is not a living thing. Only a software writer is aware it's there, and as stated, the effect of this addition to the spec is an increase of cognitive load and worsening of experience.

Great ?


This is Part 2 of a 3-part series.

  • Sept. 25: The HTML Innovation
  • Sept. 27: HTML Should Be For People
  • Sept 28: HTML For People

Leave a message with how you'd make HTML Better for Experience!

If you're interested in making Hypertext Applications for the purpose of Human Happiness, come to the party at Salvation! Salvation Company, where We Are Saved. Oh, and I hear the author of that HTML Handbook is a member at I'm sure there is a sharable manuscript in the member library!

The above is the detailed content of The HTML I Wish I Had (pt. 2). For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
What is CSS Grid?What is CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid is a powerful tool for creating complex, responsive web layouts. It simplifies design, improves accessibility, and offers more control than older methods.

What is CSS flexbox?What is CSS flexbox?Apr 30, 2025 pm 03:20 PM

Article discusses CSS Flexbox, a layout method for efficient alignment and distribution of space in responsive designs. It explains Flexbox usage, compares it with CSS Grid, and details browser support.

How can we make our website responsive using CSS?How can we make our website responsive using CSS?Apr 30, 2025 pm 03:19 PM

The article discusses techniques for creating responsive websites using CSS, including viewport meta tags, flexible grids, fluid media, media queries, and relative units. It also covers using CSS Grid and Flexbox together and recommends CSS framework

What does the CSS box-sizing property do?What does the CSS box-sizing property do?Apr 30, 2025 pm 03:18 PM

The article discusses the CSS box-sizing property, which controls how element dimensions are calculated. It explains values like content-box, border-box, and padding-box, and their impact on layout design and form alignment.

How can we animate using CSS?How can we animate using CSS?Apr 30, 2025 pm 03:17 PM

Article discusses creating animations using CSS, key properties, and combining with JavaScript. Main issue is browser compatibility.

Can we add 3D transformations to our project using CSS?Can we add 3D transformations to our project using CSS?Apr 30, 2025 pm 03:16 PM

Article discusses using CSS for 3D transformations, key properties, browser compatibility, and performance considerations for web projects.(Character count: 159)

How can we add gradients in CSS?How can we add gradients in CSS?Apr 30, 2025 pm 03:15 PM

The article discusses using CSS gradients (linear, radial, repeating) to enhance website visuals, adding depth, focus, and modern aesthetics.

What are pseudo-elements in CSS?What are pseudo-elements in CSS?Apr 30, 2025 pm 03:14 PM

Article discusses pseudo-elements in CSS, their use in enhancing HTML styling, and differences from pseudo-classes. Provides practical examples.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment