Question about some error for Accessibility after page speed test

d_alinus2004 · September 25

Hello there,

My website it's: https://www.kombatshop.ro/

I make the update to the last version at 28.1.9 and i make a test on Page speed and i have some sugestions and i realy don't know hw i can solve it:

1: Background and foreground colors do not have a sufficient contrast ratio.

2: Links rely on color to be distinguishable.

3: Links do not have a discernible name

4: Lists do not contain only <li> elements and script supporting elements (<script> and <template>).

5: List items (<li>) are not contained within <ul>, <ol> or <menu> parent elements.

6: Touch targets do not have sufficient size or spacing.

7: Heading elements are not in a sequentially-descending order

Any ideea How i can solve this problems? I have try to add some Css code for "my account" and "Lost passwords" but no succes.

If you need you can check the page speed raport there:

https://pagespeed.web.dev/analysis/https-www-kombatshop-ro/6nizysbgbb?form_factor=desktop

Phil · September 26

Hi,

1, 2) Contrast ratio is something you must handle yourself by adjusting the colors of the elements on your website to have appropriate contrast.

3) Edit your header template and add an appropriate link title to it.

4, 5) There is, unfortunately, no way to correct that. We tried to introduce a fix for it, but it completely breaks sliders, so sadly we cannot implement a reliable solution.

6) Try this CSS code:

.mfn-header-login .password-input input{
 height: 65px!important;
}
.mfn-header-login .password-input button{
 height: 50px!important;
 width: 50px!important;
 background: none!important;
}

7) You must change your heading tags to be in the correct order.

So this is correct: H2 -> H3 -> H4 -> H2 -> H3 -> H4 (etc.).

This is incorrect: H2 -> H4 -> H3 -> H2 -> H5.

So headings on your pages should be placed in descending order, and if after a smaller heading you put a bigger one e.g. H3 -> H2, the next heading should be H3 again.

Best regards

d_alinus2004 · September 26

Hello there and many thank's for your reply!

For 1,2 I just try to change the link collor but no succes there! I have try to change it from ThemeOption-> Collors-> Content, but no change there! Any sugestio? Maibe it's work with a CSS code for change the contrast ratio?

3: OK, I add for all the icons the title!

4,5: OK, I understend!

6: OK

7: OK, I understend! I will tru to make a logical order.

Many regards

Phil · September 27

Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

d_alinus2004 · September 27

Hello,

That's realy fine!

I have send you the admin data right now!

Best regards

Phil · September 29

I changed the color in Theme options -> Colors -> Content for a test, and it worked, but I had to purge the cache after this change:

Did you purge the cache when you were doing that?

Best regards

d_alinus2004 · September 29

Hello,

Ah, I belive I have forget to purge the cache.. Usualy i made the test in Google Incognito. But yes, you have right. I must to clear the cache.

Many thank's for your help!

Question about some error for Accessibility after page speed test

Comments

This website uses cookies