Support » Plugin: Events Manager » Events Manager Accessibility

  • Resolved cowcoms

    (@cowcoms)



    I’m trying to help a small nonprofit put together a WordPress site which meets the WCAG 2.0 accessibility guidelines. We love Events Manager, but there are a couple of spots where pages generated by Events Manager are causing errors when checked against the WAVE Evaluation Tool from WebAIM. These errors seem relatively minor to fix, but we’re having difficulty finding the safest way to fix them.

    The first two errors appear on the event list page on the Date Picker. Both fields are missing labels. Would it be safe to edit the plugin files to add the labels?

    The second error has to do with the Google Maps integration. One of the images loaded has no alt tag nor null alt text. We’ve simply disabled the Google Maps integration for the time being, since we’ve not been able to find documentation from Google about how to add alt text. They mention adding alt text in their documentation with an in-page anchor, but the linked information has been removed. Since Event Manager’s display of Google Maps is somewhat unusual, we wanted to ask for guidance on whether it was safe to edit the plugin files, and which file(s) we would need to edit to include null alt text.

    Thank you for any help or advice you can provide.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    hi,

    1-2) do you have sample link to your site with this issue for us to and analyze?

    2) you can try to look into this tutorial – http://wp-events-plugin.com/tutorials/modifying-event-location-google-maps/

    cowcoms

    (@cowcoms)

    Thanks for the quick response, Angelo.

    You can take a look at https://cowancommunityschool.org/events/ to view the issues with the Date Picker inputs and Google maps.

    • This reply was modified 8 months ago by  cowcoms. Reason: Re-enabled Google Maps integration to allow troubleshooting
    Plugin Support caimin_nwl

    (@caimin_nwl)

    NetWebLogic Support

    Directly editing the plugins files isn’t recommended because the edits will be lost on a plugin upgrade.

    Instead, to make changes to the way Google Maps is displayed, you can can create a custom version of this file:

    /events-manager/templates/placeholders/locationmap.php

    This tutorial explains how to create custom templates that are upgrade-safe:

    http://wp-events-plugin.com/documentation/using-template-files/

    Unless I misunderstand which fields you mean, the two fields of the datepicker have a label associated with them, both on our test sites and your site.

    Hi, caimin_nwl.

    Thank you for the link. I’ll look through the information on the link you provided, and see if I can figure out how to solve the errors. Finding the correct file has been a hurdle, but I’m sure I can find it with enough time. I’m aware that editing plugins isn’t recommended and had seen that some plugin files for Events Manager have help text for creating custom versions of the file.

    Here are screenshots of the errors WAVE displays, with styles turned off for clarity:
    Missing form errors: https://cowancommunityschool.org/wp-content/uploads/2017/12/missing-form-labels.png
    Missing alt text labels: https://cowancommunityschool.org/wp-content/uploads/2017/12/alt-text-errors.png

    Plugin Support caimin_nwl

    (@caimin_nwl)

    NetWebLogic Support

    There are two files that relate to the datepicker, one for single events and one for recurring events:

    /events-manager/templates/forms/event/when.php
    /events-manager/templates/forms/event/recurring-when.php

    Thank you again for all the advice, caimin_nwl. I’m sorry I haven’t had time to apply all of it. It looks like the date issue is in JQuery’s datepicker rather than in the Event Manager plugin files.

    I guess I’ll need to host jquery locally, rather than using Google Libraries. Then I can edit the datepicker js to include the labels WAVE is flagging as missing.

    Plugin Support caimin_nwl

    (@caimin_nwl)

    NetWebLogic Support

    It might also be possible to submit that as suggestion to the jQuery developers, so that future versions include the tag.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Events Manager Accessibility’ is closed to new replies.