What is the best practice for visual presentation (formatting) of input fields in read-only mode?
11 Aug 2011 - 12:48pm
5 years ago
I understand that the words 'input' and 'read-only' are contradictory,
and the best practice is to present the data as a plain text. However
due to limited development resources, we have to apply read-only mode
to display some of the forms in the application -- it is significantly
easier to implement/test/document.
Common practice of displaying read-only controls as disabled (gray
text over gray background) is bad for two reasons: 1. the purpose of
these two modes is different, 2. low text legibility.
I think using black text over light gray background of the input, and
hiding the input border (making the border white on the white screen
will do that trick) is a good approach.
* Hiding the border removes the affordancy of the input.
* Black text over light gray background has good legibility.
Opinions? Different approaches?
Interaction Designer, Human Factors Professional