The updated accordion has recently been updated via:
276
277
290
297
299
Now, the heading for each accordion item is a slotted element, rather than forcing an h4 that could fall out of semantic order on the page.
Now, the styles have been redrawn to be the simplest grayscale version. (this will be adjusted in a later ticket)
The mobile adjustment of heading styling and the original full accordion label has been adjusted to demonstrate that the usage of outline-heading can control the mobile sizing appropriately.
Tasks to Accomplish
Make each of the Accordion samples have unique content.
Include a link in each of the accordion elements. (to assist with keyboard navigation testing)
Include at least one sample where the accordion item's heading/label is a link, and verify the presumed logic that you could link to a page, AND open the "accordion panel" works
This ensures the Accordion can properly be used for a mobile menu the way menus are presented in Drupal
Include an additional story on the primary Accordion story to duplicate the original one, but set to the clean variant by default.
See https://outline.phase2tech.com/?path=/docs/content-accordion-accordion--accordion
The updated accordion has recently been updated via:
276
277
290
297
299
Now, the heading for each accordion item is a slotted element, rather than forcing an
h4
that could fall out of semantic order on the page.Now, the styles have been redrawn to be the simplest grayscale version. (this will be adjusted in a later ticket)
The mobile adjustment of heading styling and the original full accordion label has been adjusted to demonstrate that the usage of
outline-heading
can control the mobile sizing appropriately.Tasks to Accomplish
clean
variant by default.