Drop down control accessibility issue

Like (2) Share

Report

Posted on 25 Apr 2025 21:04:20 by Schenley5917

Our QA team has been checking our apps for accessibility, and we've run into an issue with keyboard navigation with some dropdowns inside a gallery. The ones that do not have a default value selected cannot be controlled via keyboard - you Tab to them and press Enter or Space to activate, but cannot use the arrow keys to navigate the options like you can with the other dropdowns.

I know that the combobox control does not have this issue, but replacing all of the affected dropdowns in this app with combo boxes and getting all of the attributes set up properly would be a time-consuming undertaking.

Is there another fix for this, or just an issue with the dropdown control? My colleague mentioned that we didn't used to have this problem and then when QA was testing an app they caught this issue, and she had to replace all the dropdowns on a form with combo boxes.

I know that for one of the dropdowns in this app, I have the Items as ["", "N"] and can then default to the "" value, but that isn't a feasible workaround for some of the dropdowns here that have dynamic values pulled from a SP list.

Categories:

General Questions

All responses (3)

Answers (0)

Pstork1 67,351 Most Valuable Professional on 29 Apr 2025 at 20:12:43

Like (0)

Report

Drop down control accessibility issue

@Schenley5917 You should be getting a delegation warning either way if the list you are pulling from is that large. Are you filtering the list before using it in the Table() function? If the filter by itself isn't giving a delegation error you could use a With() clause to use it inside the Table without the delegation error. Could you show me the actual code giving the delegation error?

----------------------------------------------------------------------------------
If this Post helped you, please click "Does this answer your question" and give it a like to help others in the community find the answer too!

Paul Papanek Stork, MVP
Blog: https://www.dontpapanic.com/blog
Schenley5917 14 on 28 Apr 2025 at 20:41:16

Like (0)

Report

Drop down control accessibility issue

@Pstork1 Thank you for your suggestion - this is a helpful method we haven't used before!

Adding a new default value for the one set of dropdowns works well.

Unfortunately for the other kind of dropdown, it's pulling from a too-large SharePoint library (don't ask about this whole system; you'll get a headache). I get a delegation warning when the Filter(SharePoint List, ...) is inside the Table() function. So I might need to just replace those with combo boxes.
Suggested answer

Pstork1 67,351 Most Valuable Professional on 25 Apr 2025 at 21:19:08

Like (0)

Report

Drop down control accessibility issue

One possible workaround is to use the Table() function to generate the dynamic list of values for the dropdown. You can prepend a custom record to the front of the dynamic list that way. Then set the dropdown default to use that value. Your items property of the dropdown would look something like this

Table({Value: "---Please Choose a Value---"},Filter(datasource, conditions))

----------------------------------------------------------------------------------
If this Post helped you, please click "Does this answer your question" and give it a like to help others in the community find the answer too!

Paul Papanek Stork, MVP
Blog: https://www.dontpapanic.com/blog