Help me with accesibility rank on pagespeed insights
-
Hi, I am having issues with getting a better score on pagespeed insights. Check my attached image for the issues I have. Help would be greatly appreciated.
Attachments:
You must be
logged in to view attached files.
Hello,
1. Navigate to Theme Settings -> Other and change the Viewport tag to Scalable – https://take.ms/i6ZsV
2. Other issues are related to the Colors – https://take.ms/hoF4m which can be configured via Theme Settings -> Styles and Colors. https://take.ms/1dC0k
Let me know if you have any questions.
Kind Regards
Ok, thank you! Could you elaborate how to fix 2nd point about touch targets do not have sufficient size or spacing?
I also have a question how to solve these errors for best practices on pagespeed insights?
Attachments:
You must be
logged in to view attached files.
Hello,
2. Incease spacing between these blocks – https://take.ms/k2D1A or even set them in 1 column. Also, increase the font size for those titles – https://take.ms/BRB0P
More details is here – https://dequeuniversity.com/rules/axe/4.10/target-size
3. https://take.ms/CLpVT – make sure that you don’t have text less than 12px in font size. The sizes can be adjusted in Theme Settings -> Typography.
Kind Regards
For the 3rd point, I have all of my font sizes above 12px in theme settings. But then they are scaled to be smaller on mobile version. How can I fix that?
Also what about the other issues I sent in the screenshots?
Hello,
Send me access to the admin panel so I can check the site settings.
As for the another issue, I need to check it without the cache plugin – https://prnt.sc/sXFn0M7SNFuG
Kind Regards
I managed to deal with the other issues and got a 100 for best practices. There is one thing I cannot manage to solve. It is about the ‹div class=”wd-page-content main-page-wrapper”>, that is practically my whole page not sure how to increase contrast there.
Attachments:
You must be
logged in to view attached files.
Hello,
In Theme Settings -> Typography -> Advanced create a rule that is related to the product price https://take.ms/LW7Au and change the color.
The same goes for other areas, if it’s a default text, change the color here – https://take.ms/QC9xB
If it’s a specific title, change the color here https://take.ms/6Hpp8 or via the element itself in page builder.
Kind Regards
.
