Skip to content

feat(video-to-bootanim): improve dropzone accessibility and format support - #3

Merged
Mr-Hasan-Hamid merged 1 commit into
mainfrom
feat/enhance-dropzone-accessibility
Sep 26, 2026
Merged

Mr-Hasan-Hamid merged 1 commit into
mainfrom
feat/enhance-dropzone-accessibility

Conversation

@Mr-Hasan-Hamid

Copy link
Copy Markdown
Owner

Enhances the video-to-bootanimation dropzone with keyboard navigation, ARIA attributes, and extended video format support (.mov, .mkv).

…pport

Add keyboard navigation (Enter/Space) and ARIA attributes for dropzone.

Expand video file acceptance to include .mov and .mkv formats.

Co-authored-by: Zainab Adina <274186811+19-AKA-HH@users.noreply.github.com>
Copilot AI lite review requested due to automatic review settings September 26, 2026 16:31
@vercel

vercel Bot commented Sep 26, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
bootanimdeck Ready Ready Preview Sep 26, 2026 4:31pm UTC

@Mr-Hasan-Hamid
Mr-Hasan-Hamid merged commit 8c74a73 into main Sep 26, 2026
4 checks passed
@Mr-Hasan-Hamid
Mr-Hasan-Hamid deleted the feat/enhance-dropzone-accessibility branch September 26, 2026 16:32

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

MKV support has an unresolved browser-decoding/error-state gap, and the visible format guidance is inconsistent.

Review effort: Lite
Findings: 1 Medium severity · 1 Low severity

Open (2)
What changed in this PR

Improves the video dropzone’s accessibility and expands supported video formats.

Changes:

  • Adds keyboard activation, button semantics, ARIA labeling, and focus styling.
  • Adds MOV/MKV format handling.
  • Updates upload validation and format guidance.
File Summary
src/​app/​video-to-bootanimation/​components/​VideoDropZone.tsx Adds accessibility behavior and expanded format handling.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +77 to 78
accept="video/mp4,video/webm,video/quicktime,video/x-matroska"
onChange={onSelect}
{isDragging ? "Drop your video here" : "Click or drag & drop to select"}{" "}
<code className="font-mono bg-neutral-100 dark:bg-neutral-900 px-1 rounded border border-neutral-200 dark:border-neutral-850">
.mp4 / .webm
.mp4 / .webm / .mov

This branch was successfully deployed

1 active deployment
Preview — 19234355 Deployed Sep 26, 2026 by vercel[bot]
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.

2 participants