Pretty Simple: web, digital, social



Earlier in the year, I blogged about the potential impact on accessibility of the new EU directive on the use of cookies. Since then, I’ve been hunting for a decent solution for this very site, and I thought it’d be useful to blog about my findings.

Here, then, is a review of some of the WordPress plug-ins I’ve tested. All reviews state the plug-in version so you can see if they’ve been updated since I looked at them.

Worth noting that I’m not going to comment on whether or not each plug-in actually satisfies the legislation. Many take the easier “implied consent” approach and people have differing opinions on this so I’ll leave it up to you to find the solution that best fits your needs. As always, I am not a lawyer! My focus here is on the usability and accessibility of the solutions.

UK Cookie Consent

Version 1.31 tested – download the latest version

This is a nice and simple one – it just adds a thin, dark line to the top of your website, simply stating that “this site uses cookies”, along with two links: one to set a cookie and remove the message, and the other to access more info. You can customise all of these, of course, and although the plug-in automatically creates a default page for more info, you can delete this and redirect users to an alternative page.

There are a couple of accessibility issues – the links come last in the tabbing order and do not change state on focus, so it’s harder for a keyboard user to use the links. I’ve contacted the developer to see if they can fix these.

UK Cookie Consent

Cookie Control

Version 1.5 tested – download the latest version

Civic UK’s Cookie Control plug-in is interesting because you can tailor it to obtain different types of consent, depending on how you wish to comply with the legislation – whether seeking implicit or explicit consent, or just providing info about cookies. You can customise the content and appearance of the message, which pops up in the bottom right or left of your site.

Cookie Control

One issue I noticed was that although the pop-up appears when you first arrive on a page, it’s hidden by default on subsequent pages. You have to change it from “implied” consent to “explicit” consent to change this. It also fades away after a few seconds, although you can bring it back by clicking the small icon that remains in the corner at all times – this means that it technically passes WCAG’s timing requirements, and you can increase the time that will elapse before it disappears, if you’re worried.

The pop-up does appear first in the tabbing order, which is good, but the links don’t change state on focus, so a keyboard user could easily miss the links.

Cookie Law Info

Version 1.0.2 tested – download the latest version

This one is interesting because you can upload the details of each of your site’s cookies and automatically generate a table of them on any page using shortcodes. This makes presenting accurate info about your cookies much easier.

The message appears in a thin box at the bottom (by default) or top of your site. You can customise everything from the text and links to the colours and fonts. You can also give it a subtle animated effect on load, helping to draw attention to it. Sadly there doesn’t seem to be an option to keep the message on the screen at all times when placed at the top – it appears inline and disappears as soon as the user scrolls down.

There’s an option to retain a “show again” tab after the user has dismissed the main message – this is a nice touch but not really necessary and just gets in the way, so you’ll probably decide to turn this off.

Cookie Law Info

By default, the “read more” link opens in a new window, but you can change this is the settings. The bar is first in the tabbing order, but the links don’t change state on focus, so a keyboard user could easily miss the links.

Cookie Compliance

Version 1.0.5 – download (not available when last checked)

This one takes a far more direct approach, presenting the user with an intrusive pop-up which they must respond to (either accepting or denying cookies) before they can access the website.

Cookie Compliance

This approach was adopted by a small number of sites early on, but quickly abandoned by most as having a serious impact on usability. Arguably this is one of the only ways to truly guarantee the informed, explicit consent of a user before a cookie is saved, but I’d consider the negative usability impact to be too great to justify this approach. Indeed, if all EU websites did this, the web would fast become a very frustrating place to be.

In terms of accessibility, luckily you can tab straight to the pop-up, but the lack of a distinct focus state, as with all the previous solutions, is an issue.

Cookie Opt-in

Version 1.2.5 tested – download the latest version

This one has a couple of interesting features which set it apart from other solutions.

Firstly, you can ask for permission for different types of cookies – for example, you might accept functional cookies but deny advertising cookies. This level of control is really useful, but I do have doubts about how many users will really understand the differences, even with the short explanations that the plug-in presents.

Cookie Opt In

But the other feature which I liked was that the plug-in instructions and settings constantly refer to the EU directive, reminding the site owner that it’s up to them to make sure they are compliant. For example, you can choose to make the various types of cookies automatically available until the user opts out, but the instructions clearly remind you to “remember the rules!!!”. I like this approach because it strikes a good balance and allows the site owner to decide how strict they want to be.

Unfortunately the pop-up appears last in the tabbing order, and (again!) has no change of state on focus. Also, once minimised, the button to re-open the pop-up is a rather amateurish graphic of a cookie. I certainly wouldn’t want this appearing on any of my sites, although I think you can apply different skins.

Conclusion

Just in these 5 solutions, it’s clear that there are a huge variety of approaches to complying with the directive. It’s also clear that there continues to be significant accessibility pitfalls in implementing a solution, with keyboard users particularly disadvantaged.

For now, I’ve chosen the Cookie Law Info plug-in which is relatively unobtrusive but persistent until the user dismisses the message –  a good compromise. Hopefully with a little tweaking of the CSS, I can solve the remaining accessibility issues. And with a bit of luck (and pestering), I hope the developers of these solutions will take my lead in doing the same.

What solution have you chosen, for WordPress or any other site? Are you worried about its impact on your site’s accessibility. Get in touch if you’d like me to take a look – I can offer anything from a brief summary to a full audit.

This entry was posted in Blog, Featured and tagged , , , , . Bookmark the permalink.

16 Responses to 5 cookie consent plug-ins for WordPress

  1. Gary Miller says:

    Nice review James. Lots of pros and cons to consider.

    Well done mate! :)

  2. You are missing the complete suite of solutions that we have provided for people to use.

    Some of these were the first solutions available and have been used thousands of sites.

    • James says:

      @Wolf This is just a review of some of the official WordPress plug-ins I came across. I don’t remember spotting yours – feel free to send me a link to it in the WordPress Plugin Directory and I’ll take a look.

  3. Matt says:

    Hey was looking for a cookie consent plugin found your article.

    In the end I went with a plugin called Cookie Notice though, pretty lightweight and simple.

  4. Brian says:

    This is a very good list of cookie consent plugins. I also found this plugin ‘cookie-cat’ that works with the ‘oik base plugin’to create a list of cookies used by the WordPress site that can be added to a privacy policy page using a short code. It seems to work very well, but You do have to accept that some data is sent to oik.

  5. Excellent – thank you for reducing the list to five. Went with your choice – created by Richard Ashby – easy to install and modify and unobtrusive.

    Kind regards
    Huw
    @Business_Write

  6. Marcus says:

    Hey James

    Any idea of a replacement for Cookie consent? I am looking for something plain and lightweight that pops over the page (at a determinable position) – looks like this would have been just the ticket.

    Cheers
    Marcus

  7. Iain says:

    Hi, just to let you know that the solution you currently have does not show up on my smart phone.
    An area that needs to be considered for all solutions, i guess?

    • James says:

      Thanks for pointing that out, I’ll look into it. Yes, the functionality must be available on all devices if the cookies are the same, although the exact solution may differ across devices. I’ve seen a lot of pop-up solutions which cause serious issues on mobile, in some cases making it impossible to use the site, so it requires some thought.

  8. John says:

    I also buy this plugin “cooker” that blocks cookies, and there are not seo penality, also it is shown only to european countries
    http://cooker.mywebdevspace.com

  9. Michelle says:

    Hi, I’ve just found your post after 2 days of installing, un-installing & emailing wp about my issues. I tried uk cookie consent because it had the colour customising feature as well as the new window opening to cookie law info for my readers should they want to know more. It worked beautifully once & then stopped opening altogether. Now I’ve installed simple cookie bar plug in which looks nice customised. My question is where can I find a copy & paste link to add a more info option? FYI I’ve only been blogging for 4 months & prior to that just emailing so I’m a complete novice, please keep it simple. Thanks, M

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Browse by Category