Investra icon indicating copy to clipboard operation
Investra copied to clipboard

Enhance Usability of Value Adjusters in BUY Section with Larger + and – Buttons

Open pranavmugatkar opened this issue 1 year ago • 1 comments

Improve Accessibility for Increment/Decrement Controls in BUY Section

Description

The increment and decrement controls in the BUY section are currently represented by small input arrows (as shown in the attached screenshot). These controls are difficult to interact with, especially for users on mobile devices or those with accessibility needs.

Steps to Reproduce:

  1. Open the Investra Sigma Dashboard.
  2. Locate the BUY section.
  3. Try to increment or decrement the value using the small arrows.

Expected Behavior:

The increment and decrement controls should be larger and more accessible, allowing users to easily adjust values.

Suggested Improvements:

  • Replace the small input arrows with larger + and buttons placed to the left and right of the input field.
  • Ensure the buttons are touch-friendly and easy to interact with on all device sizes.

Additional Context:

Improving the accessibility of these controls will enhance the overall user experience, particularly for those using the platform on mobile devices or those who may have difficulty using small controls.

Current Design Untitled

Can you assign me this issue under the Hactoberfest-accepted,gssoc-ext label and also add the level, Thank you!

pranavmugatkar avatar Oct 17 '24 19:10 pranavmugatkar

Hey @SanchitGeez , how i open the page after login for testing because via running frontend it cant be open

pranavmugatkar avatar Oct 23 '24 12:10 pranavmugatkar