El componente Accordion es un navegador que contiene una secuencia de elementos secundarios que se muestran de uno en uno. Los elementos secundarios deberán ser objetos que hereden de la clase UIObject (que incluye todos los componentes); en la mayoría de los casos, los elementos secundarios son una subclase de la clase View. Esto incluye clips de película asignados con la clase mx.core.View. Para mantener el orden de tabulación en los elementos secundarios de Accordion, éstos deben ser también instancias de la clase View.

Un componente Accordion crea y administra botones de encabezado en los que un usuario puede hacer clic para desplazarse por los elementos secundarios del componente. Tiene un diseño vertical con botones de encabezado que abarcan la anchura del componente. Hay un encabezado asociado con cada elemento secundario y cada encabezado pertenece al componente Accordion, no al elemento secundario correspondiente. Cuando un usuario hace clic en un encabezado, se muestra el elemento secundario asociado debajo de dicho encabezado. La transición al nuevo elemento secundario utiliza una animación de transición.

Un componente Accordion con elementos secundarios acepta una selección y cambia el aspecto de sus encabezados para mostrarla. Cuando el usuario usa el tabulador para desplazarse hasta un componente Accordion, el encabezado seleccionado muestra el indicador de selección. Un componente Accordion que no tenga elementos secundarios no aceptará selecciones. Al hacer clic en componentes seleccionables dentro del elemento secundario seleccionado, dichos componentes quedarán seleccionados. Cuando la instancia de Accordion esté seleccionada, podrá controlarla con las teclas siguientes:

Los lectores de pantalla no pueden acceder al componente Accordion.