Accessibility pass, report control for homework exercises, clearer rail actions

- axe is clean across every screen in both themes, phone and desktop. Fixed:
  the hidden file inputs (aria-hidden + tabIndex -1 — they are opened by
  labelled buttons, so they should not be in the accessibility tree), the
  heading order (deck/homework/smart-review cards are h2 under the page h1;
  LearningSection takes a level so it stays h2 on the library and h3 inside
  the settings dialog) and landmarks around the study and review feeds.
- tests/contrast.mjs (new diagnostic): samples rendered pixels, because axe
  cannot judge text on blurred glass — it reports those nodes as incomplete.
  It skips disabled controls (1.4.3 exempts them) and content behind an open
  sheet. Result: no below-minimum text on any scanned screen.
- The report control exists in the homework guide too: under each "Try it
  yourself" exercise, labelled "Report exercise", without a skip (there is no
  queue to skip). lib/question-reports now takes deckId/deckTitle directly.
- The rail's two creation actions are buttons now (.nav-action) rather than
  quiet nav rows — once the library is full they were the only way to start
  something on desktop and read as just more navigation. "Make my homework"
  is "New homework" wherever it is an action (rail, empty state, share
  chooser, manifest shortcut); the page title and mode switch keep their
  wording.

Version 0.1.6 (three task bumps), SW -> freezmo-v52.
This commit is contained in:
Martin Dvořák 2026-10-12 21:15:56 +00:00
commit df34337b4a
27 changed files with 337 additions and 75 deletions

View file

@ -221,7 +221,8 @@ export function SessionFeed({
<AiDisclaimer />
<div className="flex justify-end">
<ReportQuestionButton
deck={item.deck}
deckId={item.deck.id}
deckTitle={item.deck.title}
activity={item.activity}
onSkip={() => {
setSkipped((current) => [...current, item.activity.id]);