Skip to main content
chrisr0005
New Participant
Jul 30, 2022 3:51 AM UTC
Question

Accessibility Text for a!pickerFieldUsersAndGroups function

Hello all,

For an editable grid, we are using the a!pickerFieldUsersAndGroup function to filter through the users based on the selected group chosen in the grid.  When entering a letter in the picker field, it undergoes a search and then gives a listing of all the users within that group that has the letter in it.  Is there any way to get the screen readers to be dynamic in a sense where it can tell you how many users match the criteria for the value entered?  

    3 replies

    stefanhelzle0001
    stefanhelzle0001
    Brainy
    Jul 30, 2022 10:46 AM UTC

    This component is fixed and cannot be modified.

    About how many users are we talking? Could you use a dropdown field with the users as choices?

    chrisr0005Author
    New Participant
    Aug 1, 2022 12:50 PM UTC

    It varies per group, the most in one group is about 60, in that instance it may be a lot of navigating for the user who needs to use the screen readers.  The picker makes it more user friendly in this scenario for those that need screen readers.  I think I may just opt out of that feature all together.  Appreciate the help.

    scarg
    scarg
    Participating Frequently
    Aug 1, 2022 2:03 PM UTC

    If your list of values to display contains 12 or more items, you'll have a search box on dropdownfield components. Please take a look in documentation: https://docs.appian.com/suite/help/22.2/Dropdown_Component.html#dropdowns-vs-pickers

    Also please try the following example to understand the behavior:

    a!localVariables(
  local!nbrItems,
  local!items: enumerate(
    if(
      isnull(local!nbrItems),
      1,
      local!nbrItems
    )
  ),
  local!itemsLabels: a!forEach(
    items: local!items,
    expression: concat(
      "Option - ",
      tostring(fv!item)
    )
  ),
  {
    a!integerField(
      label: "Number of items on dropdown:",
      value: local!nbrItems,
      saveInto: local!nbrItems,
      refreshAfter: "KEYPRESS"
    ),
    a!dropdownField(
      label: "My dropdown:",
      choiceLabels: local!itemsLabels,
      choiceValues: local!items,
      placeholder: "--- Select a value ---"
    )
  }
)

    Terms & ConditionsAccessibility statement