The Amvel Warehouse interface is built with standard HTML form controls and Bootstrap Icons, making it fully compatible with native browser accessibility tools and keyboard navigation. All interactive elements — inputs, selects, buttons, and links — are standard HTML elements that receive keyboard focus in the normal browser tab order. No custom keyboard shortcut library is used.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/phauline-racel/LIMO-YUSEN-WAREHOUSE/llms.txt
Use this file to discover all available pages before exploring further.
The application does not define any custom keyboard shortcuts beyond standard browser behavior. All interactions use native HTML form elements and button controls, which means platform-level accessibility tools (screen readers, high-contrast modes, browser zoom) work without special configuration.
Form navigation
The Inbound & Outbound form follows the standard browser tab order. Fields are laid out left-to-right, top-to-bottom across three column panels.| Key | Action |
|---|---|
Tab | Move focus to the next form field or button |
Shift + Tab | Move focus to the previous form field or button |
Enter | Submit the focused form, or activate the focused button (Save, Clear, + Add Another Quantity) |
Space | Activate a focused button; toggle a focused checkbox |
Arrow keys | Navigate options within a focused <select> dropdown |
Autocomplete fields
Several fields display suggestion dropdowns as you type. These include Received By, Released By, Cargo Condition, and Warehouse Location (powered byTEXT_FIELD_SUGGESTIONS), as well as the Plate No. field (powered by PLATE_TRUCKER_REFERENCE).
When a suggestion list is visible:
| Action | Result |
|---|---|
| Type characters | Filters the suggestion list in real time |
| Mouse click on a suggestion | Selects the suggestion and closes the list |
| Click outside the suggestion list | Closes the list without selecting |
The autocomplete suggestion lists do not support keyboard navigation (Arrow keys, Enter to select). Suggestions must be chosen with a mouse click or a tap on touch devices.
Sidebar toggle
The left navigation sidebar can be collapsed or expanded by clicking the hamburger toggle button (#sidebarToggle, rendered with the bi-list Bootstrap Icon) in the sidebar header.
- The button is a standard
<button>element and is reachable viaTabkey focus. - Activating it with
EnterorSpacewhen focused toggles the sidebar state. - This is primarily a mouse or touch action; there is no dedicated keyboard shortcut to toggle it globally.
Page size controls
The Inventory and Activity Log pages include a row-count selector rendered as a button group (labeled Rows per page). The buttons for 5, 10, 20, and All are standard<button> elements and are fully keyboard-accessible:
Tabto move between size buttons.EnterorSpaceto apply the selected page size.
Date range presets
The date-range filter panel (available on the Dashboard, Activity Log, and Inventory pages) includes preset buttons such as Today, Yesterday, Last 7 Days, and similar. These are standard<button> elements:
- Reachable via
Tabnavigation within the filter panel. - Activated with
EnterorSpace. - Selecting a preset populates the From and To date inputs and immediately refreshes the displayed data.
Modal (QR scanner)
The QR scan modal (#scanModal) opens when a scan trigger button is activated. While the modal is open:
- The camera feed starts automatically; no additional key press is required.
- The Cancel button (
.scan-close) is a standard<button>that can be reached withTaband activated withEnterorSpace. - Activating Cancel (or clicking outside the modal on supported browsers) closes the modal and stops the camera stream.
- There is no
Escapekey binding implemented for closing the modal; use the Cancel button.