User menu actions include an arrow icon (>) implying a navigation or dropdown

[sm1990]

Current Limitation

Issue: Each action item within the User Profile menu (Profile, Settings, Billing) includes a right-pointing chevron icon (>) at the end of the button. In standard UI patterns, a right-pointing chevron typically indicates that the action will navigate the user to a new page or slide in a new sub-menu. However, if these actions function as immediate triggers or simple links within the same context, the icon is misleading.

Impact:

• User Misdirection: Users may expect a nested dropdown or a secondary menu to appear rather than navigating away from the current page.
• Cognitive Load: The redundant use of the icon on every item creates visual clutter and forces users to decipher whether the icon represents a specific functionality or is merely decorative.
• Accessibility Confusion: Screen reader users may hear the icon described as "arrow" or "chevron," which adds no semantic value if the button is a direct link, potentially confusing the intended destination.

Suggested Improvement

• Remove Redundant Icons: If the menu items are standard navigation links, remove the chevron icons to simplify the interface and align with flat navigation patterns.
• Use Context-Appropriate Icons: If a visual indicator is necessary, ensure it correctly matches the action (e.g., an "external link" icon if leaving the app).
• Consistent Patterning: Only use the chevron icon if the element strictly leads to a drill-down menu or a multi-step slide-in process.

Please select the package issue is related to

@oxygen-ui/react-icons, @oxygen-ui/react

Version

latest

Reporter Checklist

• I have searched the existing issues and this is not a duplicate.
• I have provided all the necessary information.
• I have verified the improvement is not available in the latest version of the package.