Improve accessibility on button status

Hi @valentinamattei,

I know there are some issues in this direction, as you can see here: https://github.com/WordPress/gutenberg/issues/49716

Still, you can add an issue for this specifically if you want and share the accessibility feedback there.

Anyway, for now, an option is indeed to use CSS: https://d.pr/i/Gd9rKv

.wp-element-button:hover, .wp-block-button__link:hover {
    text-decoration: underline;
}

PS: Not all text decorations will work, especially because not all fonts are going to support all options. I generally don’t recommend using weight or font size, as these will impact the width of the element.

You can add this CSS by going to the Site Editor, then Style. There you can click on the three-dot icon (kebab menu), and go to Additional CSS:

Full Size: https://d.pr/i/Yox1tm

Thanks @foosantos for your advices.

Adding the additional CSS directly from the Site Editor panel worked great and I was able to validate the parameters for accessibility. I will follow future developments to improve my knowledge in this field. Thanks again for your help!

Excellent, glad Felipe’s CSS did the trick!

I’ll go ahead and mark this thread as resolved for you, but feel free to start a new topic if you have other questions.