Categories
HTML Accessibility

ChatGPT sez Build with semantics first

ChatGPT Atlas logo, a scalloped blue circle that looks like an anus with a rounded arrow-shaped butt plug, and two fists pulling it open at the edges. With Patrick and Doc Swallow in bottom left corner taking the opportunity to photobomb.

Original Atlas browser logo Goatse by Adrian

Shat advice

One of the issues that I found most peturbing from the Atlas browser FAQ’s for front end developers was the advice to use ARIA:

ChatGPT Atlas uses ARIA tags[sic]—the same labels and roles that support screen readers—to interpret page structure and interactive elements. To improve compatibility, follow WAI-ARIA best practices by adding descriptive roles, labels, and states to interactive elements like buttons, menus, and forms. This helps ChatGPT recognize what each element does and interact with your site more accurately.

From this one could assume that ChatGPT does not recognise native HTML semantics…

I investigated this a bit and found no guidance on how to use HTML in general to support ChatGPT/OpenAI Atlas browser in understanding content semantics…

So I turned to ChatGPT and asked a question:

Question: what is the HTML coding advice for developers who want to ensure that it works with the openai Atlas browser?

Its response:

HTML coding advice for OpenAI Atlas

See the Pen
Untitled
by steve faulkner (@stevef)
on CodePen.

Maybe the FAQ documenters should have asked their own product as it provides a lot better advice (via knowledge harvesting the work of others) than “Use ARIA tags[sic]”

Further reading:

Joker and the Thief

lyrics
I said the joker is a wanted man
He makes his way all across the land
See him sifting through the sand
So I'll tell you all the story
About the joker and the thief in the night
He's always laughing in the midst of power
Always living in the final hour
There is always sweet and sour
So we are not going home
Can you see the joker flying over
As she's standing in the field of clover?
Watching out everyday
I wonder what would happen if he took her away
What you see, well, you might not know
You get the feelin', comin' after the glow
The vagabond is moving slow
So I'll tell you all the story
About the joker and the thief in the night
All the people that you see in the night
Hold their dreams up to the light
The wild beast is searching for sight
And we are not going home
Can you see the joker flying over
As she's standing in the field of clover?
Watching out everyday
I wonder what would happen if he took her away
I said the joker is a wanted man
He makes his way all across the land
See him sifting through the sand
So I'll tell you all the story
About the joker and the thief
I said I'll tell you all the story
About the the joker and the thief
I said, I'll tell you the story
About the joker and the thief in the night

One reply on “ChatGPT sez Build with semantics first”

Leave a Reply

Your email address will not be published. Required fields are marked *