How do I make the Current Day Input Box in the Events module WCAG compliant?


The Web Content Accessibility Guidelines (WCAG) 2.0 rule 1.1.1 states that the input fields must have associated text labels and rule 3.3.2 details instructions related to input assistance. However, the current date input box in version 07.00.06 of the DNN Events module does not have an associated label.





The DNN Community now manages the DNN Events module. To resolve the issue, you must add a script in the Header section of the page by following the steps mentioned below:

  1. Navigate to: Page Settings > Advanced > S.E.O.


  2. Add the following code to the Page Header Tags section of the page:

    $(function() {
      $(".ModDNNEventsC .EvtHdrMdlCol .riTextBox").attr("title","selected date");



The script will add the title attribute with the value selected date as soon as the document is done loading.


To further test that the field is adhering to WCAG standards, use Wave to view the error details in the left panel, select the input element with the missing attribute.



If you find any other errors, you must submit the issue(s) to the DNN Community.


Back to Top



Please sign in to leave a comment.