We use the image widget on some of our pages because the entire image can be a link. We know the image widget doesn’t meet accessiblity standards. We have found this the best option based on what we are trying to accomplish.
An October update allows alterative text to be added to image widgets. We want to add this for accessibility purposes. Unfortunately, a tooltip displays on the page when alt text is added to the image widget. We don’t want the tooltip to display. We don’t know CSS and were given something to try.
.pages-widget-page .single-widget img[alt]:hover { pointer-events: none;}
This doesn’t work as it also prevents people from being able to click on the image, which is a link. Does anyone know of CSS that would prevent the alt text tooltip from displaying for image widgets AND allow the image to be clicked?