docs(material/stepper): add aria-label to stepper examples

src/components-examples/material/stepper/stepper-editable/stepper-editable-example.html

@@ -2,7 +2,7 @@
   {{!isEditable() ? 'Enable edit mode' : 'Disable edit mode'}}
 </button>
 
-<mat-stepper linear #stepper>
+<mat-stepper aria-label="Editable stepper" linear #stepper>
 <!-- #docregion editable -->
   <mat-step [stepControl]="firstFormGroup" [editable]="isEditable()">
 <!-- #enddocregion editable -->

src/components-examples/material/stepper/stepper-errors/stepper-errors-example.html

@@ -1,4 +1,4 @@
-<mat-stepper #stepper>
+<mat-stepper aria-label="Stepper with errors" #stepper>
   <mat-step [stepControl]="firstFormGroup" errorMessage="Name is required.">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-harness/stepper-harness-example.html

@@ -1,4 +1,4 @@
-<mat-stepper>
+<mat-stepper aria-label="Stepper harness example">
   <mat-step>
     <ng-template matStepLabel>One</ng-template>
     <button matStepperNext>Next</button>

src/components-examples/material/stepper/stepper-header-position/stepper-header-position-example.html

@@ -1,4 +1,4 @@
-<mat-stepper headerPosition="bottom" #stepper>
+<mat-stepper aria-label="Stepper with header at the bottom" headerPosition="bottom" #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-intl/stepper-intl-example.html

@@ -10,7 +10,7 @@
       [value]="optionalLabelTextChoice">{{optionalLabelTextChoice}}</mat-radio-button>
   }
 </mat-radio-group>
-<mat-stepper class="demo-stepper" #stepper>
+<mat-stepper aria-label="Internationalized stepper" class="demo-stepper" #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.html

@@ -1,5 +1,5 @@
 <!-- #docregion label-position -->
-<mat-stepper labelPosition="bottom" #stepper>
+<mat-stepper aria-label="Stepper with labels at the bottom" labelPosition="bottom" #stepper>
 <!-- #enddocregion label-position -->
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">

src/components-examples/material/stepper/stepper-lazy-content/stepper-lazy-content-example.html

@@ -1,4 +1,4 @@
-<mat-stepper orientation="vertical">
+<mat-stepper aria-label="Stepper with lazy content" orientation="vertical">
   <mat-step>
     <ng-template matStepLabel>Step 1</ng-template>
     <ng-template matStepContent>

src/components-examples/material/stepper/stepper-optional/stepper-optional-example.html

@@ -2,7 +2,7 @@
   {{!isOptional() ? 'Enable optional steps' : 'Disable optional steps'}}
 </button>
 
-<mat-stepper linear #stepper>
+<mat-stepper aria-label="Stepper with optional step" linear #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-overview/stepper-overview-example.html

@@ -1,7 +1,7 @@
 <button matButton="elevated" (click)="isLinear.set(!isLinear())" id="toggle-linear">
   {{!isLinear() ? 'Enable linear mode' : 'Disable linear mode'}}
 </button>
-<mat-stepper [linear]="isLinear()" #stepper>
+<mat-stepper aria-label="Horizontal stepper" [linear]="isLinear()" #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-responsive/stepper-responsive-example.html

@@ -8,6 +8,7 @@
 }
 
 <mat-stepper
+  aria-label="Responsive stepper"
   class="example-stepper"
   [orientation]="(stepperOrientation | async)!">
   <mat-step [stepControl]="firstFormGroup" label="Fill out your name">

src/components-examples/material/stepper/stepper-signal-forms/stepper-signal-forms-example.html

@@ -2,7 +2,7 @@
   {{!isLinear ? 'Enable linear mode' : 'Disable linear mode'}}
 </button>
 
-<mat-stepper [linear]="isLinear()" #stepper>
+<mat-stepper aria-label="Stepper with signal forms" [linear]="isLinear()" #stepper>
   <mat-step [stepControl]="nameFormGroup">
     <form (submit)="$event.preventDefault()">
       <ng-template matStepLabel>Fill out your name</ng-template>

src/components-examples/material/stepper/stepper-states/stepper-states-example.html

@@ -1,4 +1,4 @@
-<mat-stepper #stepper>
+<mat-stepper aria-label="Stepper with custom states" #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>
@@ -36,7 +36,7 @@
 </mat-stepper>
 
 <!-- #docregion states -->
-<mat-stepper>
+<mat-stepper aria-label="Stepper with custom state icons">
 <!-- #docregion label -->
   <mat-step label="Step 1" state="phone">
     <p>Put down your phones.</p>

src/components-examples/material/stepper/stepper-vertical/stepper-vertical-example.html

@@ -1,7 +1,7 @@
 <button matButton="elevated" (click)="isLinear.set(!isLinear())" id="toggle-linear">
   {{!isLinear() ? 'Enable linear mode' : 'Disable linear mode'}}
 </button>
-<mat-stepper orientation="vertical" [linear]="isLinear()" #stepper>
+<mat-stepper aria-label="Vertical stepper" orientation="vertical" [linear]="isLinear()" #stepper>
   <mat-step [stepControl]="firstFormGroup">
     <form [formGroup]="firstFormGroup">
       <ng-template matStepLabel>Fill out your name</ng-template>