> For the complete documentation index, see [llms.txt](https://ninjateam.gitbook.io/filebird/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ninjateam.gitbook.io/filebird/integrations/superior-features-of-filebird/accessibility-improvements-based-on-wcag-guidelines.md).

# Accessibility improvements based on WCAG guidelines

FileBird is now more accessible than ever! We’ve implemented a range of improvements to ensure that our interface aligns with the WCAG 2.1 standards, making it easier to use for people with disabilities. This document provides a detailed overview of the accessibility enhancements in FileBird and how to benefit from them.

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2FNBDZJy6B769PfONkubkU%2FUntitled%20Project.gif?alt=media&amp;token=73a77c84-4eeb-44a5-9b84-46437ff7fb66" alt=""><figcaption></figcaption></figure>

### 🔑 Supported Keyboard Controls

| Key               | Action                                                                      |
| ----------------- | --------------------------------------------------------------------------- |
| **Tab**           | Move focus to the next interactive element (folders, buttons, upload, etc.) |
| **Shift + Tab**   | Move focus to the previous element                                          |
| ↑ / ↓ / → / ←     | Navigate up/down between media files in the folder                          |
| **Enter / Space** | Select folder, file, activate buttons or open menus                         |
| **Esc**           | Close modals or dropdowns, cancel actions                                   |

### 🧪 How to Test Keyboard Navigation

Follow this step-by-step checklist:

1. Open **Media > Library**.
2. Press `Tab` repeatedly and observe where the focus goes.
3. Use `Arrow Keys` in the folder panel to test files media.
4. Press `Enter` to trigger actions (like Rename Folder).
5. Open a modal (e.g., Rename) and check if the focus is contained inside.
6. Close modals with `Esc` and confirm focus returns to the previous element.

### ✅ Accessibility Benefits

* No mouse required — fully operable via keyboard.
* Clear and visible **focus indicators**.
* Logical **Tab order** for intuitive navigation.
* Improved experience for:
  * Users with mobility impairments.
  * Users relying on screen readers.
  * Power users preferring keyboard shortcuts.

***

### 📝 Tip for Users

You can test keyboard support by pressing `Tab` repeatedly from the start of the media library and watching where the focus goes. You’ll notice that **every interactive element is reachable** and behaves predictably.
