feat(a11y): Add keyboard accessibility to AT node authoring

breity commented 1 week ago

Changes

Make all action elements/buttons on components in Authoring Tool step (node) authoring are keyboard accessible.
Use MatExpansionPanel for components.
Move add new component buttons next to components to match lesson and step authoring.

Test

Make sure expand all and collapse all buttons in AT node authoring work as before.
Make sure components can still be expanded/collapsed by clicking on lesson.
Make sure all action icons on components still work as before.
Make sure you can use the keyboard to navigate to components and all their action icons and the icon buttons work using the keyboard (enter key or space bar for checkboxes).

Closes #1948.

breity commented 1 week ago

@hirokiterashima Ah, yep. Thanks for catching that. Should be fixed now.

hirokiterashima commented 1 week ago

I just noticed an extra padding to the right of the wrench icon in step authoring. I don't see this in production, so I wonder if it was introduced in this PR? If it's easy, can you fix it before merge?

hirokiterashima commented 1 week ago

:tada: This issue has been resolved in version 5.159.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket:

WISE-Community / WISE-Client

feat(a11y): Add keyboard accessibility to AT node authoring #1950

Changes

Test