this commit fixes the following rubric a11y bugs:
- remove scroll bar when clicking on rating order dropdown
- update the add rating button in the criterion modal to be focusable
- add the rating name to the remove rating button speech to text
- update the rating scale accordion to use the inst-ui ToggleDetails
fixes: EVAL-4302
fixes: EVAL-4304
fixes: EVAL-4306
fixes: EVAL-4307
flag=enhanced_rubrics
test plan:
- in firefox, navigate to rubric builder page. verify that clicking in
the rating order dropdown does not cause a scroll bar to appear
- open the criterion modal
- tab through the modal and verify that the add rating button + line
appears and is focusable. verify that you can press enter or space to
add a rating
- with a rating that has a name, verify that the remove rating button
speech to text includes the rating name
- save the criterion. verify that with speech to text on, when you tab
to the rating scale toggle, that it lets you know if it is expanded
or collapsed
Change-Id: Ida938aa520737808dd2ac8038395bc40c4af6196
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/350757
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Aaron Shafovaloff <ashafovaloff@instructure.com>
Reviewed-by: Cameron Ray <cameron.ray@instructure.com>
QA-Review: Ojaswee Chaudhary <ojaswee.chaudhary@instructure.com>
Product-Review: Ravi Koll <ravi.koll@instructure.com>