King County COVID19 - Bug: Escape key should close the chatbot window

[alboss]

Issue Summary

The escape key on the keyboard does not close the chatbot window

Steps to reproduce

Steps to reproduce the behavior:

1. Go to https://kingcounty.gov/depts/health/covid-19.aspx
2. Click on COVID-19 Questions?
3. Try to close the pop-up by using the ESC key on the keyboard
4. Nothing happens

Behavior

Expected behavior

• Clippy goes away

Actual behavior

• Clippy doesn't go away

Device Information:

• OS: Mac OS X, but I'd expect the same in Windows or Linux
• Browser: Firefox, but I'd expect the same in any desktop browser

Code

Suggested Code

Probably something like this:

window.addEventListener('keydown', function (event) {
  if (event.key === 'Escape') {
    chatFrame.style.visibility = 'hidden';
  }
})

Specifications

• WCAG Principal 2: Operable - User interface components and navigation must be operable.
• WCAG SC: Guideline 2.1 Keyboard Accessible: Make all functionality available from a keyboard.
• Severity: required for minimum (Level A) compliance

[dereksheppard]

@alboss I published the change and added it to my repo.

[alboss]

Fixed; thank you!