WCAG tweaks

  • I’m trying to complete an accessibility audit and there were a few issues with the plugin. I need help with #1-2 and give you my solutions for #3-4:

    1. Do not allow Tab or Shift Tab to move focus outside of this modal. WCAG 2.4.3 Serious.

    2. Return focus to the invoking element within the parent document when the modal is closed. WCAG 2.4.7 Critical.
    — I tried doing this in my theme’s js but I get “closeAlert is not a function” (also, I’m not great with jquery beyond the basics):
    $(‘.exitNotifierLink’).click(function() {
    var exitlinkclicked = $(this);
    });
    $(‘.jAlert’).closeAlert(function() {
    $(exitlinkclicked).focus();
    });

    3. Give the <div> containing the modal a role=”region” and aria-label=”You are leaving [sitename]”.
    — I made this change on line 436 of jAlert-v3.js

    4. Mark close up as a button.
    — I changed div to button on line 442 (and assigned a pre-existing class to fix appearance)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter mothershiparts

    (@mothershiparts)

    Also on #4, added aria-label=’Close Alert’ on line 447.

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Thank you for this! I desperately need to get an update done, I will definitely factor this in ASAP. I’ll reply here again when I get an update in.

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Hello @mothershiparts! I have addressed #2 directly, but the rest are at the level of the jAlert component I am making use of. I have upgraded it to the newest version, but I think most of your concerns are still present. I have contacted the author of the component and will work with them to make the changes you’ve outlined. Version 1.5.0, which I’m releasing later today, should have the #2 issue addressed. I’d appreciate your confirmation when you get a chance. I hope to release another version in the coming weeks that would address the rest of your concerns. I appreciate your feedback!

    Thread Starter mothershiparts

    (@mothershiparts)

    Hi Curtis,
    Version 1.5.3 does not address any of the issues. I can’t even find where to apply my changes from #3-4 in the new jAlert.min.js (or any of the other files). I rolled back to 1.4.5 so I at least have those fixed.

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Wasn’t sure if my fix for #2 would work or not. As for the others, it is definitely something I want to work on, but I’ve not gotten to it yet. I plan on working with the author of the jAlert plugin and adding WCAG compliance to the plugin. I’ll contact you directly once I have something for you to test. I’m leaving this unresolved until then.

    Sorry for the delay, but it’s more involved than I anticipated, especially with someone else’s component.

    Hope 1.4.5 is working well for you until then!

    • This reply was modified 6 years, 2 months ago by Curtis V. Schleich. Reason: I apparently can't spell
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WCAG tweaks’ is closed to new replies.

Tags