Skip to content

feat: improve accessibility, interactivity, and dashboard customization#422

Merged
Marvell69 merged 1 commit into
Invoice-Liquidity-Network:mainfrom
buinntalen:fix-a11y-and-widgets
Jun 29, 2026
Merged

feat: improve accessibility, interactivity, and dashboard customization#422
Marvell69 merged 1 commit into
Invoice-Liquidity-Network:mainfrom
buinntalen:fix-a11y-and-widgets

Conversation

@buinntalen

Copy link
Copy Markdown
Contributor

What

Added accessibility improvements to Footer, interactive step transitions to HowItWorks, print functionality to InvoiceQRModal, and customizable widget layout to LPDashboard.

Issues Resolved

Closes #396
Closes #397
Closes #398
Closes #399

Changes

#396 - Fix Footer Link Accessibility

  • Added aria-labels to icon links for screen reader clarity
  • Implemented visible focus indicators with ring styles for keyboard users
  • Wrapped link lists in semantic nav elements
  • Added skip to main content link for accessibility
  • All footer links are now fully keyboard navigable

#397 - Enhance HowItWorks Section Interactivity

  • Steps auto-advance every 5 seconds
  • Click any step to pause auto-advance and explore details
  • Smooth animated transitions with scale and ring effects
  • Detail expansion on click for better exploration
  • Progress indicator dots provide visual feedback and allow direct navigation
  • Full keyboard support with Enter/Space keys

#398 - Add InvoiceQRModal Print Option

  • Added print button to invoice QR code modal
  • Created clean, print-friendly layout with proper styling
  • Print output includes QR code, invoice details, and payment link
  • Print dialog opens automatically for easy workflow

#399 - Implement LPDashboard Custom Widgets

  • Users can toggle visibility of dashboard widgets
  • Drag-and-drop reordering of widgets
  • Reset layout option to restore default configuration
  • Widget preferences persist per user in localStorage
  • Customizable widgets: Portfolio Summary, Analytics Chart, Yield Comparison, Risk Summary, Insurance Pool, Portfolio Table
  • New Customize Widgets button in dashboard controls

…tivity, and customization

Resolves Invoice-Liquidity-Network#396
Resolves Invoice-Liquidity-Network#397
Resolves Invoice-Liquidity-Network#398
Resolves Invoice-Liquidity-Network#399

Invoice-Liquidity-Network#396 - Fix Footer Link Accessibility:
- Added aria-labels to icon links (website, GitHub)
- Added visible focus indicators with ring styles
- Wrapped link lists in semantic nav elements
- Added skip to main content link for keyboard users
- Tab through footer links with visible focus states

Invoice-Liquidity-Network#397 - Enhance HowItWorks Section Interactivity:
- Auto-advancing steps every 5 seconds
- Click to pause/explore functionality
- Animated step transitions with scale and ring effects
- Detail expansion on click
- Progress indicator dots with clickable navigation
- Keyboard support (Enter/Space to interact)

Invoice-Liquidity-Network#398 - Add InvoiceQRModal Print Option:
- Added print button in invoice QR modal
- Created print-friendly layout with clean styling
- Includes QR code, invoice details, and payment link
- Print dialog triggers automatically after generation

Invoice-Liquidity-Network#399 - Implement LPDashboard Custom Widgets:
- Added widget visibility toggle functionality
- Drag-and-drop widget reordering
- Reset layout to default option
- Widget state persists to localStorage per user
- Customize Widgets button in dashboard controls
- Widgets affected: Portfolio Summary, Analytics Chart, Yield Comparison,
  Risk Summary, Insurance Pool, Portfolio Table
@drips-wave

drips-wave Bot commented Jun 29, 2026

Copy link
Copy Markdown

@buinntalen Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Marvell69 Marvell69 merged commit 753e698 into Invoice-Liquidity-Network:main Jun 29, 2026
0 of 9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement LPDashboard Custom Widgets Add InvoiceQRModal Print Option Enhance HowItWorks Section Interactivity Fix Footer Link Accessibility

2 participants