File upload
The native file input with an accessible, styled trigger.
One PDF, up to 25 MB.
Show the markup
<div class="cc-field">
<label class="cc-label" for="ex-file">Upload the site plan (PDF)</label>
<p class="cc-hint" id="ex-file-hint">One PDF, up to 25 MB.</p>
<input class="cc-file" type="file" id="ex-file" accept="application/pdf" aria-describedby="ex-file-hint">
</div>Accessibility
- The native input keeps OS file-picker integration, keyboard support, and the chosen-file announcement.
- State the accepted formats and size limit in the hint before the user picks (3.3.2).
- On failure, say which constraint was broken and how to fix it.