Skip to main content
C
chrisr0005
July 30, 2022
Question

Accessibility Text for a!pickerFieldUsersAndGroups function

  • July 30, 2022
  • 3 replies
  • 0 views

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
    July 30, 2022

    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?

    C
    chrisr0005Author
    August 1, 2022

    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
    August 1, 2022

    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