Voluntary Product Accessibility Template (VPAT)
Accessibility Conformance Report for FileDrop
Product Information
- Product Name
- FileDrop by RubriqFlow
- Version
- 1.0
- Report Date
- January 2026
- Contact
- accessibility@noctusoft.com
- Product Description
- FileDrop is a streamlined web-based portfolio submission platform that allows students to upload portfolio materials for faculty review and prior-learning credit evaluation. It focuses on simplicity and accessibility with account-based authentication.
Evaluation Methods & Testing Tools
Automated Testing
- •axe-core with Playwright: Automated WCAG 2.1 Level A/AA compliance scanning
- •Color Contrast Analysis: Verification of 4.5:1 minimum contrast ratio
- •HTML Validation: Semantic markup and ARIA attribute validation
- •Heading Hierarchy: Automated verification of proper H1-H6 structure
Manual Testing
- •Keyboard Navigation: Full application testing using keyboard only (Tab, Shift+Tab, Enter, Space, Arrow keys)
- •Screen Reader Testing: NVDA (Windows), JAWS (Windows), VoiceOver (macOS/iOS)
- •Mobile Accessibility: Testing on iOS and Android devices with native screen readers
- •Touch Target Size: Verification of 44x44px minimum touch target size
- •File Upload Accessibility: Drag-and-drop alternatives and keyboard file selection
Test Suite Coverage (FileDrop-Specific)
Our comprehensive accessibility test suite (e2e/accessibility.spec.ts) includes:
- • 15+ automated test scenarios
- • File upload workflow accessibility testing
- • Code verification form accessibility
- • Registration and login page compliance
- • File list and management interface testing
- • Progress indicators and feedback messages
- • Compliance pages (VPAT, PCI, Privacy, Terms)
- • WCAG 2.1 Level A and AA criteria validation
- • Mobile viewport testing (375x667px)
WCAG 2.1 Level AA Conformance Summary
Principle 1: Perceivable
Supports - All content is perceivable through multiple senses with proper text alternatives, captions, and adaptable layouts. File upload interface provides clear visual and auditory feedback.
Principle 2: Operable
Supports - Full keyboard navigation, sufficient time for interactions, seizure-safe design, and clear navigation mechanisms. Drag-and-drop has keyboard alternatives.
Principle 3: Understandable
Supports - Readable and understandable content with predictable operation and input assistance. Clear upload instructions and error messages.
Principle 4: Robust
Supports - Compatible with current and future assistive technologies with proper ARIA implementation. File upload progress announced to screen readers.
Key Accessibility Features (FileDrop-Specific)
Keyboard Navigation
- • Full keyboard support for file selection
- • Visible focus indicators
- • Logical tab order through upload workflow
- • Skip navigation links
Screen Readers
- • Semantic HTML structure
- • ARIA labels for file upload zones
- • Live region announcements for upload progress
- • Alternative text for all visual indicators
Visual Design
- • WCAG AA contrast ratios (4.5:1)
- • Resizable text up to 200%
- • No color-only indicators
- • Responsive design for all devices
File Upload
- • Keyboard-accessible file picker
- • Clear upload status feedback
- • Error identification and recovery
- • Progress bar with ARIA announcements
WCAG 2.1 Level AA Detailed Criteria
| Criterion | Level | Status | Implementation Notes |
|---|---|---|---|
| 1.1.1 Non-text Content | A | Supports | All images and icons have alt text, upload status icons described |
| 1.3.1 Info and Relationships | A | Supports | Semantic HTML5, proper heading hierarchy, ARIA landmarks |
| 1.3.4 Orientation | AA | Supports | Responsive design supports all orientations |
| 1.3.5 Identify Input Purpose | AA | Supports | Autocomplete attributes on code entry and login forms |
| 1.4.3 Contrast (Minimum) | AA | Supports | 4.5:1 minimum contrast ratio verified with automated testing |
| 1.4.10 Reflow | AA | Supports | Content reflows without horizontal scrolling at 320px width |
| 1.4.11 Non-text Contrast | AA | Supports | Upload buttons and file list icons meet 3:1 contrast ratio |
| 1.4.12 Text Spacing | AA | Supports | Content remains readable with user-adjusted text spacing |
| 1.4.13 Content on Hover or Focus | AA | Supports | File name tooltips can be dismissed, hoverable, and persistent |
| 2.1.1 Keyboard | A | Supports | All functionality available via keyboard, including file selection |
| 2.1.2 No Keyboard Trap | A | Supports | Proper focus management in upload modals |
| 2.1.4 Character Key Shortcuts | A | N/A | No single character key shortcuts implemented |
| 2.4.3 Focus Order | A | Supports | Logical tab order through upload workflow |
| 2.4.7 Focus Visible | AA | Supports | Clear focus indicators on all interactive elements |
| 2.5.3 Label in Name | A | Supports | Accessible names include visible label text |
| 2.5.4 Motion Actuation | A | N/A | No motion-based functionality |
| 3.1.1 Language of Page | A | Supports | HTML lang attribute set to "en" |
| 3.2.3 Consistent Navigation | AA | Supports | Navigation is consistent across all pages |
| 3.2.4 Consistent Identification | AA | Supports | Consistent icons and labels throughout |
| 3.3.1 Error Identification | A | Supports | Upload errors and code validation errors clearly identified |
| 3.3.2 Labels or Instructions | A | Supports | All form fields and upload zones have labels and instructions |
| 3.3.3 Error Suggestion | AA | Supports | Helpful error messages with correction suggestions for uploads |
| 3.3.4 Error Prevention (Legal, Financial, Data) | AA | Supports | Confirmation before file deletion |
| 4.1.1 Parsing | A | Supports | Valid HTML5 markup validated |
| 4.1.2 Name, Role, Value | A | Supports | Proper ARIA roles on upload zones and file list items |
| 4.1.3 Status Messages | AA | Supports | Upload progress and completion use aria-live for announcements |
Standards and Guidelines
This report covers the degree of conformance for the following accessibility standards and guidelines:
- •WCAG 2.1 Level A: Fully Supports
- •WCAG 2.1 Level AA: Fully Supports
- •Section 508: Supports
- •EN 301 549: Supports
Conformance Levels
- Supports
- The functionality of the product has at least one method that meets the criterion without known defects.
- Partially Supports
- Some functionality does not meet the criterion.
- Does Not Support
- The majority of product functionality does not meet the criterion.
- Not Applicable
- The criterion is not relevant to the product.
Testing & Validation (FileDrop-Specific)
To run the accessibility compliance tests on FileDrop:
# Start the FileDrop development server
cd filedrop
npm run dev
# Run FileDrop accessibility tests (in a separate terminal)
cd filedrop
npx playwright test e2e/accessibility.spec.ts --reporter=list
# View detailed HTML report
npx playwright show-reportFileDrop-specific test scenarios include:
- • File upload drag-and-drop accessibility
- • Keyboard-only file selection workflow
- • Upload progress announcements for screen readers
- • Code entry form accessibility
- • File list navigation and management
- • Error handling and recovery guidance
Test results include detailed violation reports with:
- • WCAG criterion violated
- • Impact level (critical, serious, moderate, minor)
- • Affected HTML elements
- • Links to WCAG documentation
- • Remediation suggestions
Questions or Feedback?
We are committed to ensuring digital accessibility for people with disabilities. We continually improve the user experience for everyone and apply relevant accessibility standards.
If you have questions about our accessibility conformance or need assistance, please contact us at accessibility@noctusoft.com