Skip to content

Enhancement: Improve RTL Support in UI #3325

Open
@dmaon

Description

@dmaon

Increasing Access

This feature would improve accessibility for users who write in RTL languages such as Arabic, Persian, or Hebrew. By ensuring proper text alignment and layout adjustments for RTL scripts, the p5.js Web Editor would become more inclusive, enabling a broader range of users to comfortably engage with the platform. This enhancement directly supports the goal of making the editor usable for a diverse global audience.

Feature enhancement details

While the current UI works reasonably well, it can be enhanced to better support RTL languages. Improvements include better text alignment, layout adjustments, and consistent directionality across all components.

Proposed Changes:

  • Ensure proper alignment for all text and UI components in RTL mode.
  • Update styles to dynamically adapt to both LTR and RTL layouts.
  • Test and refine UI elements to improve overall usability for RTL languages.

Benefits:

  • Improved accessibility for users of RTL languages.
  • Enhanced user experience by making the interface consistent and visually appealing.

Additional Context:

This enhancement aims to make the application more inclusive for a wider range of users, especially those who rely on RTL languages like Arabic, Persian, and Hebrew.

Activity

welcome

welcome commented on Jan 27, 2025

@welcome

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

linked a pull request that will close this issue on Jan 27, 2025
raclim

raclim commented on Feb 7, 2025

@raclim
Collaborator

Thanks for opening this issue, I think this is a great suggestion! Would you be able to provide screenshots of the issue or of your proposed changes to provide more context?

dmaon

dmaon commented on Feb 9, 2025

@dmaon
Author
raclim

raclim commented on Feb 20, 2025

@raclim
Collaborator

Sorry it took a while to get back to this, but I don't think I'm able to access the file you included. Would it be possible to try to drop it directly through the Github interface? Thanks!

dmaon

dmaon commented on Feb 21, 2025

@dmaon
Author
added
Area: TranslationFor localization of the p5.js editor or contributor documentation
on Feb 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area: TranslationFor localization of the p5.js editor or contributor documentationEnhancementImprovement to an existing feature

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @dmaon@raclim

      Issue actions

        Enhancement: Improve RTL Support in UI · Issue #3325 · processing/p5.js-web-editor