Pular para o conte√ļdo principal

Item-list

Vis√£o geral#

O componente item-list √© a menor parte da lista de a√ß√£o que comp√Ķem o componente listbox.

Componentes relacionados

Anatomia#

O item-list é composto pela label. Também contém partes que são específicas de estados de interação, como background no estado hover.

Item-list com as 3 partes sinalizadas

1. Label

2. Outline (focused)

3. Background (hover)

O componente é estruturado e estilizado por meio dos design tokens. Os tokens que podem ser alterados pelas marcas estão listados na seção de propriedades customizáveis.

Acessibilidade tratada no componente#

Algumas diretrizes de acessibilidade j√° s√£o tratadas no componente, internamente, e n√£o podem ser alteradas pelo propriet√°rio do conte√ļdo. S√£o elas:

  • Usar medidas relativas para possibilitar um zoom de at√© 200%, sem perda do conte√ļdo ou funcionalidade.(WCAG 1.4.4: Resize Text)
  • √Āreas de clique ou toque para elementos interativos devem ter pelo menos 44x44 pixels. (WGAG 2.5.8: Target Size (Minimum))
  • Utilizar nome, fun√ß√£o e valor adequadamente, pois estes par√Ęmetros s√£o utilizados por tecnologias assistivas para identificar os elementos da interface. (WCAG 4.1.2: Name, Role, Value)