v.piasta
posted this
20 September 2022
I have found several images in my project that do not show an editable alt tag ("SEO Alt").
This is always the case when an image fills a grid cell completely. As long as it is slightly smaller than the cell, clicking on the image in the editor selects the image, and the image properties, like ·"SEO Alt", appear in the right-hand menu.
As soon as the image size matches the cell exactly,(which is useful and also automatically recommended by the editor), the image cannot be selected separately anymore. Clicking on the image will always select the grid, which naturally does not have an "Alt" tag.
Another separate problem is icons. There it is not understandable why they should not be able to have an ALT tag
I attach some examples.
How can this be resolved? I think the best way would be to list the image in every case in the header of the right-hand menu, so it can be selected from there. Pointing the mouse on it cannot be used to select it because there is probably no way to distinguish whether the image or the grid cell shall be selected when both cover the same space.
So, when the user points at an image that fills a grid cell completely, the distinction can be made if the user afterward chooses the image OR the grid in the menu. This requires that the image is listed in the menu header, which right now it is not.
OTOH, from the code, it appears that images that fill a cell completely are then coded as background images, which usually don't have an ALT tag, so this would need to be changed, too (see HTML screenshot)
I have found several images in my project that do not show an editable alt tag ("SEO Alt").
This is always the case when an image fills a grid cell completely. As long as it is slightly smaller than the cell, clicking on the image in the editor selects the image, and the image properties, like ·"SEO Alt", appear in the right-hand menu.
As soon as the image size matches the cell exactly,(which is useful and also automatically recommended by the editor), the image cannot be selected separately anymore. Clicking on the image will always select the grid, which naturally does not have an "Alt" tag.
Another separate problem is icons. There it is not understandable why they should not be able to have an ALT tag
I attach some examples.
How can this be resolved? I think the best way would be to list the image in every case in the header of the right-hand menu, so it can be selected from there. Pointing the mouse on it cannot be used to select it because there is probably no way to distinguish whether the image or the grid cell shall be selected when both cover the same space.
So, when the user points at an image that fills a grid cell completely, the distinction can be made if the user afterward chooses the image OR the grid in the menu. This requires that the image is listed in the menu header, which right now it is not.
OTOH, from the code, it appears that images that fill a cell completely are then coded as background images, which usually don't have an ALT tag, so this would need to be changed, too (see HTML screenshot)