openedx / paragon

💎 An accessible, theme-ready design system built for learning applications and Open edX.

Home Page:https://paragon-openedx.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[paragon-openedx.netlify.app] Form.Checkbox with the disabled prop is available for selection by the cursor

PKulkoRaccoonGang opened this issue · comments

Bug description

Form.Checkbox with the disabled prop is available for selection by the cursor.

Screen.Recording.2023-11-10.at.14.10.11.mov

Tasks

commented

PR: #2888

We decided not to do this because in other design systems disabled checkbox, radio and etc. they can be highlighted.
Also answer from ChatGPT on this point:

Generally, disabling text selection for labels (or any content) on your website is not recommended for several reasons:

User Experience: Allowing text selection is a standard behavior across most web applications and websites. Disabling it can lead to frustration or confusion for users who might want to copy text for legitimate reasons, such as taking notes, copying configuration details, etc.

Accessibility: Disabling text selection can negatively impact accessibility. Users who rely on assistive technologies or specific interaction methods may find it more difficult to interact with your content. It's important to ensure that your website is usable and accessible to all users, including those with disabilities.

Consistency with Web Standards: The web is built on certain foundational principles, including the ability to select and copy text. Deviating from these standards without a compelling reason can harm the overall user experience and accessibility.