Change theme
Help
Press space for more information.
Show links for this issue (Shortcut: i, l)
Copy issue ID
Previous Issue (Shortcut: k)
Next Issue (Shortcut: j)
Sign in to use full features.
Vote: I am impacted
Notification menu
Refresh (Shortcut: Shift+r)
Go home (Shortcut: u)
Pending code changes (auto-populated)
View issue level access limits(Press Alt + Right arrow for more information)
Unintended behavior
View staffing
Description
Problem:
The current design for read-only text fields in Material 3 is visually similar to editable text fields, which can lead to confusion for users. According to Material 3 guidelines, a read-only text field is styled the same as a regular text field and is clearly labeled as read-only using supporting text. However, this creates visual ambiguity, as users may mistakenly believe they can edit the text.
Additionally, displaying a "read-only" label as part of the supporting text feels redundant and awkward, especially when the field is already non-interactive. This design could be improved to make the read-only state more intuitive and visually distinct from editable fields.
Current Design:
Proposed Solution:
Cleaner, Minimalist Approach: Instead of using a "read-only" label or supporting text, display the value in a simple text format (label + value), with no text input field style. This would present the information more clearly and create a more minimalist design focused on content rather than input.
Improved Accessibility: Ensure that the read-only state is properly communicated to screen readers. The screen reader should announce the field as "read-only" (e.g., "label, value, read-only") rather than announcing it as an editable text field.
Benefits: