Accessible Tabs

An accessible tabs component that provides keyboard navigation, proper ARIA attributes, and screen reader support. Users can navigate between tabs using keyboard controls, and screen readers receive announcements about the current tab position. The component maintains proper focus management and includes ARIA attributes for enhanced accessibility.

Default

This mode allows you to open a panel by pressing the Enter or Spacebar key during keyboard navigation.

Steps

  1. Cut the two ends of the fruit so that it can be placed vertically on the worktop.
  2. Slice the skin from top to bottom going around the fruit.
  3. Remove the “eyes” with the tip of the paring knife.
  4. Slice the pineapple into quarters then, if necessary, remove the hard central part.