Marcelo Paiva
A person wearing headphones types on a laptop keyboard, surrounded by swirling plantlike shapes.Meant to show: A screen reader user in a research session, listening to a prototype that finally has words in it instead of gray bars.

No Latin

A web app that turns content blocks into an accessible HTML prototype — built to get Lorem Ipsum out of early design, because placeholder text quietly excludes screen reader users from research.

Role
Designed and built
Year
2023
Built with
React, JavaScript, Accessible HTML

Open the live project (opens in a new tab)

Lorem Ipsum is a rendering shortcut with a research cost. A prototype full of placeholder text cannot be tested with someone using a screen reader, because there is nothing to read. So the people most affected by content decisions are the ones missing from the session where those decisions get made.

No Latin takes priority-guide content blocks — real headlines, real copy, sorted by user need — and emits an accessible HTML prototype you can hand to a participant on day one.

Gallery

1 of 3

The No Latin editor holding three content blocks in priority order. Each block carries a name, a description and an element type: "Your application is in review" as an Alert, "What happens next" as a Section, "Ask about your application" as a Form. Every block has Add, Edit, Clone and Delete controls, and arrows for moving it up or down the order.

The No Latin editor holding three content blocks in priority order. Each block carries a name, a description and an element type: "Your application is in review" as an Alert, "What happens next" as a Section, "Ask about your application" as a Form. Every block has Add, Edit, Clone and Delete controls, and arrows for moving it up or down the order.

About the drawing

The drawing for this piece was generated, not chosen. Hashing the piece’s name fixes one point on the color wheel; the other two follow from it. The same name always gives the same three colors.

#b78e63#284998#a2c84d

How this drawing was made

The line under the drawing marked “Meant to show” is written by a person, not the model. A generated drawing keeps what is large and loses what is small, so the detail that decides who someone is can go missing, and a picture only reaches people who can see it. Where the drawing and that line disagree, the line is the intent.

Or press the left arrow and the right arrow.