SkipContent

Demos

SkipContent with section

This table has many focusable elementsA Table CaptionVis mer innhold
Column AColumn BColumn CColumn D
Select rowRow 1LabelRow 1
Select rowRow 2LabelRow 2
Select rowRow 3LabelRow 3
Select rowRow 4LabelRow 4
Select rowRow 5LabelRow 5
Select rowRow 6LabelRow 6
Select rowRow 7LabelRow 7
Select rowRow 8LabelRow 8
Select rowRow 9LabelRow 9
Select rowRow 10LabelRow 10
Code Editor<section aria-labelledby="table-with-caption heading">
  <H4 id="heading" space={0}>
    This table has many focusable elements
  </H4>
   <SkipContent selector="#submit-area" text="Skip table content" top />
   <LargeTableWithInteractiveElements id="table-with-caption" />
</section>
<Section id="submit-area" spacing="small" style_type="divider" top>
  <SkipContent.Return selector="#submit-area" bottom>
    Back to beginning of table
  </SkipContent.Return>
   <Button>Submit</Button>
</Section>

Column A	Column B	Column C	Column D
Select row	Row 1	Label	Row 1

Select row	Row 2	Label	Row 2

Select row	Row 3	Label	Row 3

Select row	Row 4	Label	Row 4

Select row	Row 5	Label	Row 5

Select row	Row 6	Label	Row 6

Select row	Row 7	Label	Row 7

Select row	Row 8	Label	Row 8

Select row	Row 9	Label	Row 9

Select row	Row 10	Label	Row 10

#SkipContent

#Demos

#SkipContent with section

This table has many focusable elements

SkipContent

Demos

SkipContent with section