-2

I am trying to make a wordpress website wcag 2 compatible. I am running the test on achecker and getting the error that matchHeight-js is not unique. How can I determine and fix the problem? I am viewing the page source and i can see the 2 id's that are the same but don't know what to do with them. Here is the website link Here is the error I'm getting achecker error and here is the part of my code that is wrong faulty page source. Can someone please help me fix this problem?

Xenophon Venios
  • 1
  • 2
  • All IDs must be unique. So the solution would be to remove the ID on all but one element – evolutionxbox Mar 09 '21 at 18:08
  • I do not know how to pinpoint the element and remove the id. I am just starting with website development with wordpress, so I have very little coding knowledge. – Xenophon Venios Mar 09 '21 at 18:12
  • The tool should be telling you what the element with the duplicate ID is – evolutionxbox Mar 09 '21 at 18:12
  • You are including the exact same script twice but from different file paths. So if you fix that (it is hard to tell you how as we do not know whether that is included in the head, programatically etc so you will have to research it) you will automatically fix the ID problem as only one script with the ID will be loaded. Ironically this is not actually an accessibility error, it is a false positive so from an accessibility perspective you can ignore it (as ` – GrahamTheDev Mar 09 '21 at 18:18
  • But you should still fix it for other reasons obviously. – GrahamTheDev Mar 09 '21 at 18:22
  • I can find the error if I view the page source in google chrome but I do not know how to identify the element in wordpress. These are the two lines: I don't know what or where i can find and fix them in wordpress – Xenophon Venios Mar 09 '21 at 18:41
  • Your problem is a plugin loading the same (nearly the same) library as your WP theme. I've put the start of some info into an answer as it was getting too long for a comment. – A Haworth Mar 09 '21 at 18:47

1 Answers1

-1

It looks like a bit more than just two elements happening to have the same id.

It looks as though two parts of your system are loading the same jquery library, albeit with slightly different versions.

The first is the plugin primary-addon-for-elementor and the second is your site's theme, bizberg. One or other of them should have checked to see whether the library assets they needed were already loaded.

Do you have access to a test site and/or the plugins or themes directory or can you inspect your theme's files in the WP backend as administrator under Appearance>Edit theme [I don't advise doing this on a live site!]. It may be simply a case of removing one of the calls (the <script lines that load the library) so they don't get called twice.

Any info you can give on what access you have to the system would be helpful and we may be able to pinpoint the problem more directly.

A Haworth
  • 30,908
  • 4
  • 11
  • 14
  • I have full access to the hosting provider and wordpress backend, this is a site that I am developing. I just tried deactivating primary add-on for elementor but the problem still persists. – Xenophon Venios Mar 09 '21 at 19:00