Skip to content

Commit d0659eb

Browse files
crisbetojelbourn
authored andcommitted
docs(radio): add aria labelling to examples (#15150)
Adds the missing labels to a couple of the radio button live examples. Fixes #15026.
1 parent 57aadc2 commit d0659eb

File tree

3 files changed

+9
-8
lines changed

3 files changed

+9
-8
lines changed
Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,9 @@
11
.example-radio-group {
2-
display: inline-flex;
2+
display: flex;
33
flex-direction: column;
4+
margin: 15px 0;
45
}
56

67
.example-radio-button {
78
margin: 5px;
89
}
9-
10-
.example-selected-value {
11-
margin: 15px 0;
12-
}
Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
1-
<mat-radio-group class="example-radio-group" [(ngModel)]="favoriteSeason">
1+
<label id="example-radio-group-label">Pick your favorite season</label>
2+
<mat-radio-group
3+
aria-labelledby="example-radio-group-label"
4+
class="example-radio-group"
5+
[(ngModel)]="favoriteSeason">
26
<mat-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">
37
{{season}}
48
</mat-radio-button>
59
</mat-radio-group>
6-
<div class="example-selected-value">Your favorite season is: {{favoriteSeason}}</div>
10+
<div>Your favorite season is: {{favoriteSeason}}</div>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<mat-radio-group>
1+
<mat-radio-group aria-label="Select an option">
22
<mat-radio-button value="1">Option 1</mat-radio-button>
33
<mat-radio-button value="2">Option 2</mat-radio-button>
44
</mat-radio-group>

0 commit comments

Comments
 (0)