Skip to content

Dropdowns have no accessibility and behavior documentation defined for small viewports

Problem

Dropdowns have no accessibility and behavior documentation defined for small viewports

Further information

Current situation visually improved situation Actually accessible behaviour situation
_0px-expanded-single-upstream_copy _0px-expanded-single-upstream_copy_2 _0px-expanded-single-upstream_copy_3

Last mockup is based upon https://developer.apple.com/design/human-interface-guidelines/ios/controls/pickers/

Examples are based on designs from https://gitlab.com/gitlab-org/gitlab-ee/issues/2122

Proposal

  • Create documentation detailing accessibility and behavior for dropdowns
  • Create pattern library assets supporting the documentation

What does success look like, and how can we measure that?

  • Documentation is created detailing accessibility and behavior for dropdowns
  • Pattern library is updated with assets supporting the documentation