Repository navigation
feat: text versions of every comic page - #51
Merged
Merged
Conversation
each page carries a short scene description and every lettered line in reading order, drafted from the page art. the reader shows them in a page-by-page disclosure, follows the current page with one panel in pages mode, and points each page's zoom button at its text so screen readers announce it. the text is server rendered, so it works without javascript and is searchable
|
Deploy preview for y-fu ready!
Deployed with vercel-action |
checked every page against the writer's scripts for issues 1-3 and the issue 4 plot, and re-checked a separate art audit page by page. - narration boxes name their narrator: pink is andre, lavender is estonya, as the scripts label them - fixed speakers the art left unclear: the tavern whisper and the off panel "your fears are wasted" are andre, "hyah!" is neiluj, the vendor and alonz in issue 1, techne on issue 2 p6, logistics on issue 4 p23 - "and reeeeee?" is cron drawing out "andreeeeee?" - added the missing shooom and choom sounds, the biker's "$#%!" in the back ad, and fixed reading order on five pages - scene fixes: bunny is male, the blast that maims andre, cron's face and temple in andre's log, pills not seeds, the dropped breathing mask, estonya waking the other fintents, not the genesis tent - issue 3 cover and credits use the same labels as the other issues
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a text version of all 112 comic pages, for screen-reader users and anyone else who wants it.
Data
Each page in
content/comics.jsongains:scene: one or two plain sentences on what the page shows.lines: every lettered line in reading order, asSpeaker: text, in sentence case. A narration box is labelled with its narrator; scene-setting and omniscient narration isCaption. The other labels areSign,Sound(meaningful sound effects only),Title,Logo,Credit,LegalandAd.That's 805 lines across the four issues. The JSON grows from about 37 KB to 95 KB.
Reader
aria-describedbypointing at its text, so screen readers announce it.<details>, so it works without JavaScript and is indexable. Reader pages grow from about 39 KB to 81–104 KB of HTML, mostly repeated text that compresses well.<summary>, so Space opens the text instead of turning the page.How the text was made
Four agents transcribed one issue each from high-resolution crops of the pages, zooming into the full-size scans where the lettering was small.
It was then proofread two ways:
Judgement calls worth a look:
Lint,
astro checkand the build pass. Checked in the browser at 1280px and 375px:aria-describedbytargets;