Commit 3277370
committed
Fix accessibility and preserve aligned headings
- Commit 72c2519 improved the alignment between the 'Optional plan components' and 'Select phase to download' headings. However, the change from <legend> to an unreferenced label_tag() hurt the accessibility.
- This change puts back the <legend> tag and uses class: 'col-form-label' for both of the aforementioned headings to maintain stylistic consistency between the two elements.
- `.col-form-label` overrides <legend> styling to maintain consistent alignment with <label> elements.
- Accessibility snapshot of <fieldset> before this fix:
Name: ""
aria-labelledby: Not specified
aria-label: Not specified
From legend: Not specified
title: Not specified
Role: group
Invalid user entry: false
- Accessibility snapshot of <fieldset> after this fix:
Name: "Optional Plan Components"
aria-labelledby: Not specified
aria-label: Not specified
From legend: legend.col-form-label "Optional Plan Components"
title: Not specified
Role: group
Invalid user entry: false
Labeled by: legend.col-form-label1 parent e6810fe commit 3277370
1 file changed
+2
-2
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
18 | 18 | | |
19 | 19 | | |
20 | 20 | | |
21 | | - | |
| 21 | + | |
22 | 22 | | |
23 | 23 | | |
24 | 24 | | |
| |||
58 | 58 | | |
59 | 59 | | |
60 | 60 | | |
61 | | - | |
| 61 | + | |
62 | 62 | | |
63 | 63 | | |
64 | 64 | | |
| |||
0 commit comments