clean-and-green-philly icon indicating copy to clipboard operation
clean-and-green-philly copied to clipboard

Published 20 hours ago • verified publisher icon CodeForPhilly

adding focus and keyboard accessibility to the cookie consent buttons

Open Amberroseweeks opened this issue 4 months ago • 1 comments

  • You can now tab to the cookie options when they appear and when you select the button in the footer
  • You can activate the cookie settings by pressing ENTER or SPACEBAR on the button in the footer
  • The cookie setting are working for me on Apple VO, I have applied aria-describedby on the div and added the role of region.

Note: I added positive tab values for the Accept and Decline buttons. This feels a little wrong, I am not sure if this is best practice, but it did seem to work in allowing those items to receive focus first.

This closes issue https://github.com/CodeForPhilly/clean-and-green-philly/issues/859

Amberroseweeks avatar Oct 09 '24 18:10 Amberroseweeks