Uploaded image for project: 'ERM Platform'
  1. ERM Platform
  2. ERM-1824

Dashboard: make "Widget definition" selection accessible

    XMLWordPrintable

    Details

    • Template:
    • Development Team:
      ERM

      Description

      When creating a new/editing an existing widget using the keyboard only, the "Widget definition" single-select field does not work as expected.

      Current behaviour

      1. In the Dashboard app, select "New"
      2. In the new widget pane, tab to the "Widget definition" field
      3. Select the down arrow to move to the first value in the single select field
      4. This causes the first option "ERM Agreement Jobs" to be selected, which causes the fields associated with the definition to be displayed in the form
      5. Select the down arrow again to move to the next value in the single select field
      6. This is causes a warning modal to be displayed "Confirm change of definition". The user has to confirm in order to return to move to the next value in the list.
      7. Steps 4-6 are repeated with each change of Widget definition.

      Expected behaviour

      1. In the Dashboard app, select "New"
      2. In the new widget pane, tab to the "Widget definition" field
      3. Select the down arrow to move to the first value in the single select field
      4. Select the down arrow to move to the second value in the single select field
      5. Make a selection.

      Some possible solutions

      1. Leave the field working as-is and only display the message "Confirm change of definition" if the new form elements have been dirtied. This would allow the user to change their selection and would also display the associated fields. Sighted users would see the form changing as their selection changes.
      2. Make tabbing to the field also open the dropdown so that the user can use the up and down arrows to change their selection. _This feels like another misuse - what about users who tab and select enter rather than the up/down arrows? This approach would cause the first option to be displayed. _
      3. Add a widget definition confirmation button. Instead of rendering the form controls automatically on selection of a combo box item, do this on selection of a new button (e.g. "Apply widget definition".) so that the user is able to change their selection before the form controls are displayed.

      Interested parties
      Ethan Freestone

      Additional info:
      Screen reader testing capture: See second tab, row 4: https://docs.google.com/spreadsheets/d/1RPNX-YP9mzppE9Vf26TU473BHi31N81f1Bv2QQ49bM4/edit#gid=0

        TestRail: Results

          Attachments

            Issue Links

              Activity

                People

                Assignee:
                ostephens Owen Stephens
                Reporter:
                gosguthorpe Gill Osguthorpe
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    TestRail: Runs

                      TestRail: Cases