• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Request: Layer Visibility Icon on left side

Advocate ,
Jul 06, 2022 Jul 06, 2022

Copy link to clipboard

Copied

Background

 

Traditionally (i.e. in the desktop version of Photoshop), there has been a box to the left of the layer name in the Layers panel which is used to toggle the visibility of that layer. To indicate whether the layer is visible, Photoshop has used the eye icon. This eye icon has two visual states (not counting the empty box, which means the layer is not visible):

 

  1.  Fully black or white (depending on whether the user has chosen a light or dark interface color theme).
  2.  Gray

 

The first visual state (black or white) means the layer is visible. The second visual state (gray) means the layer is implicity not visible, as it is contained within a group that has had its visibility turned off.

 

Screenshot 2022-07-07 at 12.55.30 AM.pngScreenshot 2022-07-07 at 12.55.46 AM.png

 

 

 

 

 

 

 

 

Currently

 

In Photoshop on the web (Beta) there is a very different visual implementation of the visibility icon:

 

  1. While the eye icon is still used to represent the layer visibility, it has been moved to the right of the layer name.
  2. The eye icon always appears, i.e. there is no empty box to indicate a layer is not visible.
  3. The gray eye icon is now used to mean the layer is fully visible.
  4. A new solid white or black eye icon with a diagonal line through it is now used to indicate the layer is not visible. In addition, the layer name becomes gray to reinforce the fact the layer is now not visible.

 

Screenshot 2022-07-07 at 12.59.53 AM.png

 

 

 

 

 

 

 

 

Issues

 

This new implementation of the visibility icon raises the following issues:

 

  1. The eye icon now occupies the space traditionally reserved for the lock icon (to indicate the layer is fully locked). This means that if a visible layer is locked you can no longer see the eye icon and the only way to toggle the layer's visibility is by using the keyboard shortcut ⌘ + , / Ctrl + ,

    Screenshot 2022-07-07 at 1.02.27 AM.png







  2.  Furthermore, if you hide a locked layer by turning the visibility off, the eye icon with the diagonal line through it now replaces the lock icon. This means that the only visual indication that the layer is locked is the fact that the Add layer mask and Delete icons at the top of the Layer panel become grayed out if that layer is selected.

    Screenshot 2022-07-07 at 1.04.06 AM.png







  3.  If you turn off the visibility of a group, the visibility icons for the layers inside the group become gray eye icons with a diagonal line through them, making them very similar in visual weight to the gray eye icons used to indicate the layer is fully visible.

    Screenshot 2022-07-07 at 1.07.11 AM.png








  4. There is very low contrast and color difference between the color used for the gray eye icon & the grayed out layer name, and the Layers panel background color when using the Light color theme. Using Adobe's own Leonardo color tool results in a Fail according to the WCAG criteria for all text, UI components & graphics, and is considered Unsafe even for normal vision. These results become worse when the background color changes as you hover your pointer over the layer in the Layers panel. The Dark color theme fares a little better – it is only considered Unsafe when the hover background color appears. (I think these accessibility issues might, at least partially, be resolved if the UI colors were migrated to the latest Spectrum 6.0 color palette.) 
Idea Released
TOPICS
Web

Views

319

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Jul 07, 2022 Jul 07, 2022

Thank you @Phil Pickering, added to the team's list.

 

Cheers,

Votes

Translate

Translate

correct answers 1 Pinned Reply

Adobe Employee , Jun 07, 2023 Jun 07, 2023

This orientation has now been changed. Thanks Phil!

Status Released

Votes

Translate

Translate
2 Comments
Adobe Employee ,
Jul 07, 2022 Jul 07, 2022

Copy link to clipboard

Copied

Thank you @Phil Pickering, added to the team's list.

 

Cheers,

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Jun 07, 2023 Jun 07, 2023

Copy link to clipboard

Copied

LATEST

This orientation has now been changed. Thanks Phil!

Status Released

Votes

Translate

Translate

Report

Report