Fix hide images, that doesn't do what you'd expect

[honoredup]

Hello,

I recently encountered a problem with the “Hide Images” feature in the “Images” panel.
Currently, the feature applies a CSS rule as follows: img { display: none !important; }
The problem I face is that some people in my company (and other companies that we work with) use this feature to simulate accessibility scenarios. However, in real-world cases where someone blocks image loading (for example, by using the image blocking feature in the Privacy and security panel of the web browser settings), the HTML tag remains in the DOM, even if the image content is blocked and doesn’t load. As a result, other CSS properties of the element are still applied, such as a background-color, which provides a fallback for scenarios like long loading times or other use cases (and allows text on the image to remain legible with a proper contrast).
I've seen that you already have another feature called “Make images invisible” that would work much better for what they're trying to do. Unfortunately, they don't look any further than the first button that allows them to hide the images. For the sake of clarity for non-technical users, I propose to rename the following two elements:
Hide Images → Remove Images
Make Images Invisible → Hide Images

Thank you very much in advance :)