Exercise20 - finished

List of all exercises

Our aims are to:

  1. The tablist element needs to be given an accessible name.
  2. Set aria-selected="true" on the first <button>.
  3. Set aria-selected="false" on other <button> elements.
  4. Set aria-controls on all <button> elements.
  5. Set matching id values on all tabpanel elements.
  6. Set all tabpanel elements with tabindex="0".
  7. Set hidden on the second and third tabpanel elements.
  8. Set aria-labelledby on all tabpanel elements.
  9. Set matching id valuues on the all tab elements.
  10. Set tabindex="-1" on the second and third tab elements.

Example

Mammal types

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, tenetur commodi vero itaque, accusantium suscipit porro pariatur nobis sequi perspiciatis reiciendis quam, deserunt ut odit nulla. Maiores sint ut, corporis.

List of all exercises