Skip to main content

Documentation

Accessibility

Four Corners is built to be usable with a keyboard and a screen reader. Here's how to get around — and how to let us know if something gets in your way.

Keyboard basics (everywhere)

  • Tab and Shift+Tab move between controls; Enter or Space activates buttons and links.
  • Escape closes any open menu, dropdown, dialog, viewer panel, or overlay.
  • A “Skip to main content” link is the first thing Tab reaches on every page.
  • Once the app menu is open, the arrow keys move between its items and Escape returns focus to the menu button.

In the editor (signed in)

  • Cmd+S (Mac) / Ctrl+S exports your metadata as JSON from anywhere in the editor.
  • The corner icons on the image preview jump to each of the four sections.
  • Nearly every text field accepts voice input — recordings are transcribed automatically.
  • In Sketchboard (canvas) mode: + or = zooms in, − zooms out, 0 fits the content to view, and Escape closes the open panel.

Browsing the gallery (no account needed)

  • Each gallery card is reachable with a single Tab stop via its title — Enter opens the project.
  • The Sort, tag-filter, and grid/list controls announce their current state to screen readers.
  • The result count updates as a polite live region, and loading states are announced.

Viewing a published image (no account needed)

  • Each corner on a published image is a button — press Enter or Space to open its panel.
  • When a panel opens, focus moves into it; press Escape or the close button to dismiss it, and focus returns to the corner you opened.
  • Related-imagery thumbnails open with Enter or Space, and video players are labelled.

Screen reader support

  • Landmarks (banner, main, navigation, content-info) and a skip-to-content link aid orientation.
  • Icon-only buttons carry text labels; purely decorative graphics are hidden from assistive tech.
  • Form fields have associated labels and, where helpful, descriptions.

Motion, contrast and focus

  • Animations respect your operating system's “reduce motion” setting.
  • Text and controls meet WCAG AA contrast in both light and dark themes.
  • A visible focus outline is shown on every interactive element.

Reporting an accessibility barrier

  • Use “Report an issue” in the app menu, or email sonia@thetechmargin.com.
  • Tell us the page, what you were trying to do, and the assistive technology or input method you were using.
For the full technical reference (landmarks, ARIA patterns, testing tools), see the creator guide → or the project's ACCESSIBILITY.md.