Hello,
I would like to know how I can resolve these accessibility issues in PageSpeed:
– The background and foreground colors don’t have an adequate contrast ratio.
– Low-contrast text is difficult or impossible for many users to read. Using recognizable link text improves the experience for users with low vision.
Additionally, I also have a CLS issue associated with this message: Media element with no specific size:
Link to pagespeed: https://pagespeed.web.dev/analysis/https-thezugzwangblog-com-aperturas-con-negras-para-jugadores-de-estilo-posicional/pyr5g0wnbm?form_factor=mobile
Thank you
Hi,
Sorry for the delay.
Having better contrast between background and text will require changing the colors a bit. It can be done with some CSS. For 3example I see that the tags don’t have enough contrast, setting a dark background for them should fix the problem, and the same for the comment date and comment reply links https://prnt.sc/wTowSA5os9dc Please try this code https://pastebin.com/MGg0yJWn
Not sure why the test says that the thumb in the block in the sidebar has no size. The thumb does have the sizes set inline https://prnt.sc/xbFWlFu53l_C and that is how it should be.
I will check more and try to help.
Thank you!
