You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Design systems and developers are starting to use expandable textarea components/widgets with mouse control in bottom right of textarea (see image) for expanding the textarea. Need best practice for a keyboard way to expand area that is equivalent to mouse operation. Would Alt+DownArrow work to incrementally expand the textarea? See similar to how there is a discussion on dropdowns:
Collapsible Dropdown Listbox Example: Single-select collapsible listbox that expands when activated, similar to HTML select with the attribute size="1".
maybe related to #1277
but keyboard way to expand textarea is not addressed in the commits / PR. Only labeling considerations seem to be discussed in best practices.
Benefit
Keyboard way to expand textarea would benefit low-vision magnifier user and cognitive user so scroll bars are not present and hiding information. May not impact screen reader users because info is usually read regardless of content displayed in textarea.
The text was updated successfully, but these errors were encountered:
We should also note that the resize property often occurs with textarea, but can be used with many HTML elements. Thus, a keyboard alternative should not be limited to textarea, but should apply generally. However, this would be the responsibility of the browsers, not ARIA. Thus, the ticket should perhaps rather be opened with the browser manufacturers.
The resize problem would be much greater for other elements than textarea. A textarea gets the focus and can be scrolled with the keyboard, i.e. resizing is not essential. A div with resize does not get focus and thus cannot be scaled or scrolled. This is a bug of the browsers in my eyes, as this violates WCAG 2.1.1. However, the problem also occurs without resize, because scrollable div elements never get focus except in Firefox
Design systems and developers are starting to use expandable
textarea
components/widgets with mouse control in bottom right oftextarea
(see image) for expanding thetextarea
. Need best practice for a keyboard way to expand area that is equivalent to mouse operation. WouldAlt+DownArrow
work to incrementally expand thetextarea
? See similar to how there is a discussion on dropdowns:maybe related to #1277
but keyboard way to expand
textarea
is not addressed in the commits / PR. Only labeling considerations seem to be discussed in best practices.Screen shot of two expandable
textarea
components:See live demo of
textarea
here: https://www.carbondesignsystem.com/components/text-input/usage#live-demoBenefit
Keyboard way to expand
textarea
would benefit low-vision magnifier user and cognitive user so scroll bars are not present and hiding information. May not impact screen reader users because info is usually read regardless of content displayed in textarea.The text was updated successfully, but these errors were encountered: