Search Unity

  1. Unity 2019.2 is now released.
    Dismiss Notice

Feedback 2019.3.0a7 - New UI accessibility issue, font rendering & colors are low contrast

Discussion in '2019.3 Alpha' started by midoski, Jul 2, 2019.

  1. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    I used to work in front end development and one of the issues I became keen on a lot is designers arriving at low contrast UI elements. A lot of time mock-ups would seem good, but at runtime and with differing font renderings on different systems, issue would arise. I installed the latest beta last night to try some things out, and right away noticed that the new vanilla UI is much lower contrast in areas like the inspector pane.

    The font color, when rendered 100% without anti-aliasing, is #2F2F2F and the background is #9B9B9B.

    You can dial these values yourself into various free online accessibility-minded contrast checkers, like https://webaim.org/resources/contrastchecker/ and https://contrastchecker.com/, the latter of which feels much more strongly about this being a bad contrast ratio.

    Other menus, like the Hierarchy view and Project view have much more appropriate contrast ratios, but I still feel the slightly-darker background grey is harder to read.
     

    Attached Files:

    JohnC_Unity, EvOne and Peter77 like this.
  2. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    Other areas of the UI fail these accessibility tests as well, such as the tab bar in the windowing system.

    I imagine the low contrast issue is known but I wanted to make sure it wasn't glossed over because I personally found the current values a lot harder to read.
     

    Attached Files:

    JohnC_Unity likes this.
  3. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,068
    on my Mac its not as dark as in your screenshot.

    Not sure why there is a difference
     

    Attached Files:

    midoski likes this.
  4. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    Thanks for this! I completely failed to mention that I am on Windows 10.
     
  5. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    21
    Thanks for your comment @midoski! It appears you may be in play mode as the screen is a good deal darker than it should be. Can you double check this? Also, if play mode is hard to notice or confusing please let us know as that feedback is valuable as well.
     
    JohnC_Unity likes this.
  6. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    57
    I apologize, but - here are two screenshots from the editor, there is no playmode. On the left - the old interface 2019.2, on the right - the new "less contrasting" interface in 2019.3.а7
    Тhe black color of the letters remained black, but the background under them became darker - it became much more difficult to read.
    At least it is necessary to peer, where earlier the information was read "automatically"
    2019-07-22_10-31-49.png

    P.S. Sorry for my "Google-translate"
     
  7. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    21
    Thanks for following up. This is helpful. I would love to get your feedback in a survey we are doing with the editor themes. Would you be interested in participating? Then we can collect more details from you.
     
    EvOne likes this.
  8. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    57
    Yes, of course, I will be glad to participate in the survey :)
     
  9. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    21
    Thanks. We are hoping to mail it/send via forum out in the next week or so. Please be as detailed as you like! Thanks.
     
    EvOne likes this.
  10. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,068
    I hope the surveys are not your only data point for taking feedback, as forum post are also valuable, even if they are not easy to put into analytics.
     
    Last edited: Jul 30, 2019
    Peter77 likes this.
  11. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    21
    That is totally fair. We are actually reading every comment related to accessibility on the forums. They are extremely valuable as you know.

    In the case of the 19.3 theming we have received feedback and bug reports from so many sources including the forums. In the past year we have run this same survey twice. The reason I am sharing it a third time here is because, firstly, I want to track improvement over time consistently and, secondly, I want feedback focused on accessibility as it relates to the 19.3 Beta theming update. Please let me know if you have any more questions. You made a great point.
     
    Peter77 and EvOne like this.
  12. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    57
    Finally Installed a new alpha11 version.
    As expected, I got a bunch of errors when upgrading a previously saved project. And while I was dealing with errors and importing new versions of packages ...
    -Oh my eyes... It's just a nightmare ... Sorry ...

    Survey on the new UI/UX -is certainly great ...
    But... It’s hard for me to evaluate in general all the details and subtleties of changes in usability, acessability, familiarity, etc...
    But I can definitely say - never before when working in Unity my eyes have never hurt so much!
    This is a real feeling of sand in the eyes :(

    But I didn’t even finish the upgrade of just one(!) simplest project! :confused:

    In addition to the low contrast we have already talked about
    -here are the problems that I can show in just in one screenshot:


    2019-08-01_23-46-48.png
    1. Here is the line that you need to "hook and drag" if you want to resize the window with explanations about the error - who sees it? me not.

    2. Messages, warnings, errors - not just their number, but also buttons that turn them on - they are almost always out of sight!
    I have no way to open the subwindow half the screen. -On the screen of my laptop, only 1366x768 pixels. Yes, he is not new. But, believe me - I can work on it even now. It was enough for me to work. And there have never been problems with Unitys interface.

    And two more problems associated with the same circumstance:

    3. In the title of this window (game) there is only one single button that I switch often, more often than anyone else.
    this is "Stats". It's more convenient for me, not switching "Game" to full screen. But then the statistics overlaps the small Game-window and the button must be switched
    -Added something to the scene, or changed... -turn on the display of statistics, looked at the number of drawcalls etc, then turned off the statistics.

    But... Why, with almost every Unity update, this button is pushed further and further to the right?
    Well, at least, in this alpha, the "VSync" button was removed from the title bar... :D

    4. I'm not sure, maybe this is some kind of temporary glitch, but right now, today, right after the installation .3.a11,
    I almost always fail to hook and move the border between the Game and the Project windows.
    Border just does not catch on.
    Sometimes it helps to click the mouse inside "Game", sometimes I have to close the window and reopen it.

    I'm sorry, probably these problems are simply ridiculous in many ways... :D
    But Unity was created not only for working in game-studios with screens for half a wall, isn't it?.. :)

    P.S. And sorry for google-translate
     
    Last edited: Aug 1, 2019
  13. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    206
    In general, contrast in the new design is way lower than it should.

    Just look at the package manager. Try counting the seconds until you see which package(s) have updates available.
    Before:
    upload_2019-8-6_13-53-44.png

    After:
    upload_2019-8-6_13-59-22.png

    (let's not even start talking about the refresh icon at the bottom - nice new functionality, but icon is broken)
     

    Attached Files:

  14. Shinyclef

    Shinyclef

    Joined:
    Nov 20, 2013
    Posts:
    364
    I'm in complete agreement with the contrast comments. I noticed it most obviously when checking for package updates.
    While I do like the 'clean' look of the new style in general, readability seems to have been sacrificed in some places.
     
  15. HonorableDaniel

    HonorableDaniel

    Joined:
    Feb 28, 2007
    Posts:
    2,799
    +1 for more contrast.
     
  16. Prodigga

    Prodigga

    Joined:
    Apr 13, 2011
    Posts:
    735
    The markers in the Timeline editor are hilariously hard to see:
    upload_2019-8-8_23-2-41.png

    Bet you didn't spot the 3rd one:
    upload_2019-8-8_23-3-0.png
     
    EvOne, Peter77 and Lars-Steenhoff like this.
  17. Prodigga

    Prodigga

    Joined:
    Apr 13, 2011
    Posts:
    735
    Also, when you are renaming something, its very low contrast and hard to see:
    upload_2019-8-8_23-5-25.png

    And if you have the row selected, not only is it low contrast, but when you are renaming you also can't see what part of the word you have selected. I have the same characters selected as the last image ('nal Track'), but it is impossible to see that.

    upload_2019-8-8_23-5-19.png
     
    EvOne, Peter77 and Lars-Steenhoff like this.
  18. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    206
    One more. I can't count anymore how often I clicked the wrong one first when trying to open the script.

    upload_2019-8-9_21-21-28.png

    ...
    Correct, none of them is a script ;)
     
  19. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    57
    In new 2019.3.0a12 - everything is Great !!! :D
    Big Big Big Thanks to all developers of Unity!
    With contrast and readability - everything has become much, much better!
    And all that I noted on that screenshot above -is that there are no more problems with all this :)
    Well, except for the "Stats" button...
    And although it’s clear that this is a conscious decision,
    But... -If it may be possible (in the far-far future, may be :) ) - to make customizable the number and composition of buttons in the window title, - it would be very useful...
    .
    P.S. Tell me, please - should I write here about the very strange behavior of the ShaderGraph window in .a12, or is there a separate thread somewhere about its interface? (I can not find)

    (Sorry for Google-translate...)

    Maryllu, -from the lack of an answer to my letter above (with a screenshot), it could seem to be too rude and harsh... Forgive me if that - in fact, the whole problem is that I can not freely express my thoughts in English
    and I have to use an automatic translator
    But they (Google-translate and some others I'm switching between, trying to find the best translation)
    -all they - is something else... :(
     
  20. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,068
    I would like to see the Mac colored buttons on the left side consistent with the rest of the Mac interface,
    right now they are on the wrong side according to Mac user interface guidelines.

    The search bar also is no aligned with the other properties, I aligned it to make it cleaner looking.

    See the second screenshot for example how it could look

    Screenshot 2019-08-14 at 17.38.31.png
    mac 2.png
     
    Prodigga likes this.
  21. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    206
    @EvOne I'm curious, what do you mean "it's better in a12"? The package manager looks exactly as in my screenshots above there.
    EDIT: refresh icon was actually fixed but download/up to date buttons still look too similar.
     
    Last edited: Aug 15, 2019 at 10:09 AM
    EvOne likes this.
  22. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    57
    I had no problems with the package manager, because there is practically nothing to read in it, unlike the console, the inspector. But the functionality in it is also significantly improved. And the speed of updating the list of the packages in comparison with 2019.2 -has increased many times (but this is generally 2019.3 alpha, not only 12)

    All of which I wrote "better" - in my post above, and on the screeshot.
    here (#12)
    But in the 12th alpha, personally I - see serious improvements,
    And the “sand in the eyes" - disappeared. Therefore i am really happy now! :D

    It is unfortunate that your issues have not yet been fixed... But it only Alpha... -I believe - everything will be fine :)

    Google-translate, sorry
     
    fherbst likes this.