Skip to content

Improve mobile/touch support and accessibility #37

Description

@TheSevenPens

Summary

From FUTURES.md:

  • pen-mouse.js is keyboard + mouse only; touch can view but not reposition the pen
  • Control panel is fixed ~250px and not responsive
  • Minimal ARIA on sliders; camera UI lacks dialog semantics
  • No :focus-visible styles; WebGL canvas has no text alternative
  • Some contrast may fail WCAG

Suggested scope (can split later)

  1. Touch-friendly pen positioning (or documented limitation)
  2. Responsive layout for small screens
  3. Slider ARIA + focus styles
  4. Short accessible description for the viewer

Acceptance

  • Keyboard users can see focus
  • Basic a11y attributes on primary controls
  • Documented touch story (supported or explicitly not)

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions