Accessibility And SEO Issues

Hi, I’m facing some Accessibility and SEO Issues, including Contrast, Names and labels, Best practices, ARIA, and Crawling and Indexing. Please take a look and give me a solution to each problem.

Also, check the Performance section, Image elements do not have explicit width and height https://prnt.sc/68RUrt-Hm9si and Preload largest contentful paint image.

Thanks

Hello,

-Image elements do not have explicit width and height – https://take.ms/FeQ6a, enable this https://take.ms/rFNFQ option in the settings of WP Rocket.

-Reduce initial server response time – https://prnt.sc/ji7aZYn2wv8I, I do not see any cache on your website, you need to use a cache plugin like WP Rocket to solve that issue.

-Avoid an excessive DOM size – The number of DOM elements are generated in the process of content building. All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.

-Reduce JavaScript execution time – Also, the WP Rocket can help with it, check this: https://wp-rocket.me/google-core-web-vitals-wordpress/reduce-javascript-execution-time/

-Serve static assets with an efficient cache policy – You should cache immutable static assets for a long time, such as a year or longer, so you need to configure your server to return the Cache-Control HTTP response header:

https://take.ms/vXMSl

For now, it’s adjusted for30m on your server – https://prnt.sc/7RGRdR_6P2OU. It should be 1year+ as in the example: https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/?utm_source=lighthouse&utm_medium=lr#how_to_cache_static_resources_using_http_caching

So first fix these issues as described above and then we recheck the Insights.

Kind Regards

Hi, Please provide me with clear guidance so that I can solve this easily.

1. How to fix “Select elements do not have associated label elements”? https://prnt.sc/3kE9hqHwh3tx
2. Touch targets do not have sufficient size or spacing. https://prnt.sc/ShqXSRbdRT5k
3. And most importantly “Uses ARIA roles on incompatible elements”. https://prnt.sc/oVzBzSIfMHrM
4. Background and foreground colours do not have a sufficient contrast ratio. https://tinyurl.com/26zbk966
5. Links do not have a discernible name. https://prnt.sc/96IADiu_YmGz AND

6. Links are not crawlable. https://prnt.sc/tXSl6UOAgU5r

Thanks
Arafat

Hello,

1. It will be fixed in the next update, also it was fixed on your website.
2. Increase its sizes via the Layout: https://prnt.sc/ktaK9H1EIKSW
3. Check how it works on the default WooCommerce Storefront theme and let me know.
4. This issue is described in this thread – https://xtemos.com/forums/topic/accessibility-issues-4/
6. Also, it will be fixed in the next update.

Kind Regards

[Author]

Posts