Hi Steven,
You’ll need to install a CSS minification plugin to get HTML5 compatibility. When you enqueue scripts from a shortcode (like meta slider does) the scripts are placed at the bottom of the page as the header has already been processed by WordPress. This will fail HTML5 validation.
The only reliable alternative for us is to place the scripts on every page in the <head> section. Some shortcode plugins do this, which is generally a bad idea (why include scripts if they’re not going to be used?), but it would be a really bad idea with Meta Slider as it has 4 javascript and 5 CSS files in total.
tldr; W3TotalCache will minify the CSS files and put them in the <head>, then your page will be HTML5 valid.
Regards,
Tom.
Just posting this for anyone who has found this thread on Google.
I’ve been working on a plugin to move the Meta Slider link, inline script and style blocks into the <head> of the page:
https://github.com/tomhemsley/ml-slider-html5
To install, click ‘Download ZIP’, then go to Plugins > Add New > Upload and select the .zip file. So far there isn’t a settings page or anything like that.
If you’re using this plugin, please let me know how it goes! I may integrate the functionality into the Meta Slider plugin if it’s working well
Regards,
Tom
