LCFS - Implement Accessibility & Functional Enhancements for AG Grid Filtering Components

[prv-proton]

Describe the task
Enhance the AG Grid filtering components across the LCFS application to ensure compliance with accessibility standards, improved functionality, and user-friendly date filtering.

Scope

1. Compliance Reports:

• Dropdowns: Enable navigation between dropdown elements using arrow keys.
• Date Picker: Ensure arrow keys function correctly within the date picker and restrict date input to four characters.
• Date Range: Add functionality to set maximum and minimum date ranges to limit user selection.

2. Fuel Codes:

• Date Picker: Resolve issues where keyboard keys become non-functional within the date picker.
• Date Range: Enforce a four-character date input limit and set maximum and minimum date ranges.

3. Organizations:

• Dropdowns: Implement proper keyboard navigation through dropdowns using arrow keys.

4. Cross-Grid Filter Check:

• Add functionality to verify and fix filters across all grids in the LCFS application.

5. Accessibility Standards (WCAG):

• Implement screen reader support for dropdowns and date pickers to meet WCAG standards.
• Ensure proper ARIA roles, labels, and live region announcements for grid components.

Acceptance Criteria

• All dropdown menus across grids are navigable using keyboard arrow keys.
• Date pickers allow navigation and selection using arrow keys, enforce a four-character date input limit, and have defined max/min date ranges.
• Filters across all grids are checked and corrected for consistent functionality.
• Screen readers accurately interpret and announce dropdown and date picker elements per WCAG standards.
• Accessibility improvements are tested and verified in the Compliance Reports, Fuel Codes, and Organizations sections.

Additional context