If a menu item is not available due to its state, which approach is appropriate for screen readers?

If a menu item is not available due to its state, which approach is appropriate for screen readers?

• A. Hide from screen readers
• B. Remove from the DOM entirely
• C. Mark as disabled with aria-disabled and keep in the tab order
• D. Always allow interaction and ignore state

Answer: (C)

When a menu item isn’t available because of its state, mark it as disabled with aria-disabled="true" and keep it in the tab order. This communicates to screen readers that the option exists but cannot be used right now, while preserving the menu’s structure and navigation flow for keyboard users. Keeping it in the DOM and within the tab sequence ensures the overall menu remains predictable and understandable; removing it or hiding it would hide important context from assistive tech and disrupt navigation. aria-disabled conveys the non-availability to assistive technologies, even though the item is still present and focusable, so you should also ensure that activating it has no effect and visually indicate its disabled state. Avoid making the item appear interactive or ignoring its state, as that would mislead users relying on screen readers.

When a menu item isn’t available because of its state, mark it as disabled with aria-disabled="true" and keep it in the tab order. This communicates to screen readers that the option exists but cannot be used right now, while preserving the menu’s structure and navigation flow for keyboard users. Keeping it in the DOM and within the tab sequence ensures the overall menu remains predictable and understandable; removing it or hiding it would hide important context from assistive tech and disrupt navigation. aria-disabled conveys the non-availability to assistive technologies, even though the item is still present and focusable, so you should also ensure that activating it has no effect and visually indicate its disabled state. Avoid making the item appear interactive or ignoring its state, as that would mislead users relying on screen readers.