Support

Home Forums Event Espresso Premium HTML5 Validation Errors

HTML5 Validation Errors

Posted: September 17, 2013 at 9:17 am


Hansteen

September 17, 2013 at 9:17 am

I’m getting some validation errors on my registration pages (eg. http://www.audarya.org/event-registration/?ee=34):

Line 133, Column 676: Bad value for attribute href on element a: Whitespace in query component. Use %20 in place of spaces.

…spresso_ical_link” title=”iCal Import”><img src=”http://www.audarya.org/wp-con…

Syntax of IRI reference:
Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

Error Line 133, Column 775: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

…/wp-content/plugins/event-espresso/images/icons/calendar_link.png”> </p>

?
Error Line 142, Column 218: The for attribute of the label element must refer to a form control.

…=”fname” class=”ee-reg-page-questions”>First Name*</label> <input typ…

I’m also getting this error on the page with the links to the registration pages:

Line 141, Column 106: & did not start a character reference. (& probably should have been escaped as &.)

…code’ style=’display:none;’ data=’id=1&event_category_id=viikonloppu&venue_id=…

Suggestions?


Josh

  • Support Staff

September 17, 2013 at 1:47 pm

Hi there,

With the first two errors, they are from the Add to calendar (ical) button feature. If your project does not require an ical button, it can be disabled from Event Espresso>Template settings.

With the third error, there’s an html spec that states the for must match the ID. Since Event Espresso doesn’t match the two you’ll see the error.

I will need to do some additional research on the for/ID issue and the last one about the & being escaped and get back with you on that.


Hansteen

September 17, 2013 at 2:48 pm

About the for/id errors (there are a lot and I didn’t post them all), in the following line:

<label for="fname" class="ee-reg-page-questions">First Name*</label> <input type="text" title="" class=" required ee-reg-page-questions ee-reg-page-text-input fname" id="fname-46-0-1" name="fname" value="" />

Since the label’s “for” is “fname,” the input should have an id “fname,” but instead it has id=”fname-46-0-1″ and name=”fname.”


Hansteen

September 17, 2013 at 2:58 pm

The error about the & being escaped is in the context of the data attribute being used:

<code>&lt;pre&gt;
&lt;div data=&#039;id=1&amp;event_category_id=viikonloppu&amp;venue_id=1&amp;use_venue_id=1&amp;category_identifier=&amp;staff_id=&amp;allow_override=0&amp;show_expired=false&amp;show_secondary=false&amp;show_deleted=false&amp;show_recurrence=true&amp;limit=0&amp;order_by=NULL&amp;sort=&amp;css_class=NULL&amp;events_per_page=50&amp;num_page_links_to_display=10&#039;&gt;&lt;/pre&gt;</code>


Hansteen

September 17, 2013 at 3:00 pm

Trying again with that code:

<pre class=”brush: html; gutter: true; first-line: 1; highlight: []; html-script: false”><div data='id=1&event_category_id=viikonloppu&venue_id=1&use_venue_id=1&category_identifier=&staff_id=&allow_override=0&show_expired=false&show_secondary=false&show_deleted=false&show_recurrence=true&limit=0&order_by=NULL&sort=&css_class=NULL&events_per_page=50&num_page_links_to_display=10'>


Dean

September 18, 2013 at 2:23 am

Hi,

Terve,

Sorry about the forums code syntax highlighter, it isn’t the best in the world. Might be a good idea to use pastebin.

Josh hasn’t been online for a few days so I believe he is still needing to make some further enquiries regarding this, but thanks for the update, it will no doubt help in the research.


Hansteen

September 18, 2013 at 5:37 pm

Yikes, I’m getting 70 errors on http://www.audarya.org/kurssit/annankatu-alasali-alkeiskurssit/

Most of them of repeats of the above, but there some new ones as well (the first three aren’t caused by the Event Espresso code).


Josh

  • Support Staff

September 18, 2013 at 9:54 pm

Besides throwing validation errors, are these causing any issues for the event registration functionality?


Hansteen

September 19, 2013 at 8:10 am

No functionality issues, but what should I tell my client?


Josh

  • Support Staff

September 19, 2013 at 8:23 am

Is your client requiring that the pages in question validate with no errors?


Hansteen

September 19, 2013 at 10:43 am

It hasn’t been discussed. Will the new version of Event Espresso be tested for validation?


Josh

  • Support Staff

September 19, 2013 at 3:07 pm

We generally do not run validation tests. However, I’ve noted the issue with the html spec that states the label “for” must match the input “ID”.


Hansteen

September 19, 2013 at 4:45 pm

OK, thanks. Another issue that appears to be the source of a lot of errors is “attribute data not allowed on element div at this point.” You might want to mention that to the developers as well.

The support post ‘HTML5 Validation Errors’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso