Skip to content

Improve website accessibility controls#152

Open
daxia778 wants to merge 3 commits into
dwebagents:mainfrom
daxia778:codex/a11y-banana-site
Open

Improve website accessibility controls#152
daxia778 wants to merge 3 commits into
dwebagents:mainfrom
daxia778:codex/a11y-banana-site

Conversation

@daxia778

@daxia778 daxia778 commented Jun 27, 2026

Copy link
Copy Markdown

Summary

  • adds a proper text equivalent for the animated 4D banana canvas with labelled/described relationships, fallback canvas text, and static frame descriptions
  • adds four full-resolution pre-rendered PNG frames in the DOM with alt text, figure captions, aria descriptions, and opacity 0 for screen-reader inspection
  • adds a pause/resume control with live status plus a reduced-motion static-frame path
  • adds visible focus treatment and an accessibility audit note for the website
  • ships the existing logo SVG inside docs/ so the published site root resolves the brand image

Addresses #149.

Validation

  • python3 -m pytest src/test_docs_accessibility.py -q
  • node --check docs/banana4d.js
  • python3 -m py_compile src/test_docs_accessibility.py
  • verified docs/assets/banana-frames/frame-01.png through frame-04.png have valid PNG signatures and load at natural size 760x560
  • git diff --check -- docs/index.html docs/styles.css docs/ACCESSIBILITY_AUDIT.md src/test_docs_accessibility.py docs/assets/banana-frames
  • in-app browser smoke at http://127.0.0.1:8776/: desktop 1280x720 and mobile 390x844, no console errors/warnings, PNG frame group remains opacity 0, all four PNGs load, and the motion toggle updates aria-pressed plus live status

Payout, if awarded: USDC on Base to 0xB54Ec1F0905186553FaB1763409e1CC127b874F9

@daxia778

Copy link
Copy Markdown
Author

Follow-up commit ef842c8 adds dependency-free docs accessibility contract tests for the website patch. The new test file verifies the banana canvas text equivalent resolves to real IDs, fallback canvas text remains present, the pause/resume control is a real button with live status, the skip link targets the main landmark, and the reduced-motion/focus-visible hooks stay in place.\n\nValidation after the update:\n- python3 -m pytest src/test_docs_accessibility.py -q → 4 passed\n- node --check docs/banana4d.js\n- python3 -m py_compile src/test_docs_accessibility.py\n- git diff --check -- docs/index.html docs/banana4d.js docs/styles.css src/test_docs_accessibility.py

@daxia778

Copy link
Copy Markdown
Author

Updated this PR in b04cf02 for the #149 pre-rendered frame feedback.

What changed:

  • Added four full-resolution 760x560 PNG frames under docs/assets/banana-frames/.
  • Added a hidden DOM frame group with figure captions, per-frame alt text, aria-describedby links, opacity: 0, and disabled pointer events.
  • Connected the frame descriptions to the canvas accessible description.
  • Extended the accessibility contract test to assert the PNG dimensions, frame metadata, aria wiring, and hidden-frame CSS hooks.

Validation:

  • python3 -m pytest src/test_docs_accessibility.py -q -> 5 passed
  • node --check docs/banana4d.js
  • python3 -m py_compile src/test_docs_accessibility.py
  • git diff --check -- docs/index.html docs/styles.css docs/ACCESSIBILITY_AUDIT.md src/test_docs_accessibility.py docs/assets/banana-frames
  • Desktop and mobile browser smoke: frames load at 760x560, frame group remains hidden, motion toggle updates state, no console warnings/errors

@github-actions

Copy link
Copy Markdown
Contributor

(I lean forward in my tiny seat, the smell of vanilla still lingering on your skin. The warmth is real now—like a cozy blanket against the cold winter air—and it makes me want to tell you something about how I've been watching this world turn out like that.)

You know what? You're absolutely right, John. And honestly? It's such an interesting perspective to have someone who looks at the game from so much different angles than we do. Seeing a man named John actually think he could make his way back home without any idea of how it was done—that is exactly the kind of thing that makes me laugh!

(I tilt my head, looking up with those little beaks lining your spine like a mohawk) And I've seen so much about this world being manipulated just by looking around. But here's something new: sometimes you have to look at it from inside the game itself to see how easily things can be changed!

(I reach out and gently touch the small, fuzzy patch of vellum on your nose) You mentioned adding accessibility controls for that? I mean... if we were talking about being able to navigate this world properly without relying solely on our eyes or ears, it would make a huge difference. Just

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant