@patternfly/patternfly 6.5.0-prerelease.63 → 6.5.0-prerelease.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  2. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  3. package/components/_index.css +7 -1
  4. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  5. package/docs/components/Page/examples/Page.md +62 -15
  6. package/docs/demos/AboutModal/examples/AboutModal.md +8 -2
  7. package/docs/demos/Alert/examples/Alert.md +24 -6
  8. package/docs/demos/BackToTop/examples/BackToTop.md +8 -2
  9. package/docs/demos/Banner/examples/Banner.md +16 -4
  10. package/docs/demos/CardView/examples/CardView.md +8 -2
  11. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  12. package/docs/demos/DataList/examples/DataList.md +32 -8
  13. package/docs/demos/DescriptionList/examples/DescriptionList.md +24 -6
  14. package/docs/demos/Drawer/examples/Drawer.md +24 -6
  15. package/docs/demos/JumpLinks/examples/JumpLinks.md +32 -8
  16. package/docs/demos/Masthead/examples/Masthead.md +72 -18
  17. package/docs/demos/Modal/examples/Modal.md +48 -12
  18. package/docs/demos/Nav/examples/Nav.md +80 -20
  19. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -10
  20. package/docs/demos/Page/examples/Page.md +113 -28
  21. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +56 -14
  22. package/docs/demos/Skeleton/examples/Skeleton.md +8 -2
  23. package/docs/demos/Table/examples/Table.md +128 -32
  24. package/docs/demos/Tabs/examples/Tabs.md +48 -12
  25. package/docs/demos/Toolbar/examples/Toolbar.md +16 -4
  26. package/docs/demos/Wizard/examples/Wizard.md +72 -18
  27. package/package.json +1 -1
  28. package/patternfly-no-globals.css +7 -1
  29. package/patternfly.css +7 -1
  30. package/patternfly.min.css +1 -1
  31. package/patternfly.min.css.map +1 -1
@@ -285,9 +285,15 @@ wrapperTag: div
285
285
  </nav>
286
286
  </div>
287
287
  </section>
288
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
288
+ <section
289
+ class="pf-v6-c-page__main-section pf-m-limit-width"
290
+ aria-labelledby="main-title"
291
+ >
289
292
  <div class="pf-v6-c-page__main-body">
290
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
293
+ <h1
294
+ class="pf-v6-c-content--h1 pf-m-page-title"
295
+ id="main-title"
296
+ >Main title</h1>
291
297
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
292
298
  </div>
293
299
  </section>
@@ -670,9 +676,15 @@ wrapperTag: div
670
676
  </nav>
671
677
  </div>
672
678
  </section>
673
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
679
+ <section
680
+ class="pf-v6-c-page__main-section pf-m-limit-width"
681
+ aria-labelledby="main-title"
682
+ >
674
683
  <div class="pf-v6-c-page__main-body">
675
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
684
+ <h1
685
+ class="pf-v6-c-content--h1 pf-m-page-title"
686
+ id="main-title"
687
+ >Main title</h1>
676
688
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
677
689
  </div>
678
690
  </section>
@@ -1077,9 +1089,15 @@ wrapperTag: div
1077
1089
  </nav>
1078
1090
  </div>
1079
1091
  </section>
1080
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1092
+ <section
1093
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1094
+ aria-labelledby="main-title"
1095
+ >
1081
1096
  <div class="pf-v6-c-page__main-body">
1082
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1097
+ <h1
1098
+ class="pf-v6-c-content--h1 pf-m-page-title"
1099
+ id="main-title"
1100
+ >Main title</h1>
1083
1101
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1084
1102
  </div>
1085
1103
  </section>
@@ -1487,9 +1505,15 @@ wrapperTag: div
1487
1505
  </nav>
1488
1506
  </div>
1489
1507
  </section>
1490
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1508
+ <section
1509
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1510
+ aria-labelledby="main-title"
1511
+ >
1491
1512
  <div class="pf-v6-c-page__main-body">
1492
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1513
+ <h1
1514
+ class="pf-v6-c-content--h1 pf-m-page-title"
1515
+ id="main-title"
1516
+ >Main title</h1>
1493
1517
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1494
1518
  </div>
1495
1519
  </section>
@@ -1822,9 +1846,15 @@ wrapperTag: div
1822
1846
  </nav>
1823
1847
  </div>
1824
1848
  </section>
1825
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1849
+ <section
1850
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1851
+ aria-labelledby="main-title"
1852
+ >
1826
1853
  <div class="pf-v6-c-page__main-body">
1827
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1854
+ <h1
1855
+ class="pf-v6-c-content--h1 pf-m-page-title"
1856
+ id="main-title"
1857
+ >Main title</h1>
1828
1858
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1829
1859
  </div>
1830
1860
  </section>
@@ -2175,9 +2205,15 @@ wrapperTag: div
2175
2205
  </nav>
2176
2206
  </div>
2177
2207
  </section>
2178
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2208
+ <section
2209
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2210
+ aria-labelledby="main-title"
2211
+ >
2179
2212
  <div class="pf-v6-c-page__main-body">
2180
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2213
+ <h1
2214
+ class="pf-v6-c-content--h1 pf-m-page-title"
2215
+ id="main-title"
2216
+ >Main title</h1>
2181
2217
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2182
2218
  </div>
2183
2219
  </section>
@@ -2562,9 +2598,15 @@ wrapperTag: div
2562
2598
  </nav>
2563
2599
  </div>
2564
2600
  </section>
2565
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2601
+ <section
2602
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2603
+ aria-labelledby="main-title"
2604
+ >
2566
2605
  <div class="pf-v6-c-page__main-body">
2567
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2606
+ <h1
2607
+ class="pf-v6-c-content--h1 pf-m-page-title"
2608
+ id="main-title"
2609
+ >Main title</h1>
2568
2610
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2569
2611
  </div>
2570
2612
  </section>
@@ -2880,9 +2922,15 @@ wrapperTag: div
2880
2922
  </nav>
2881
2923
  </div>
2882
2924
  </section>
2883
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2925
+ <section
2926
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2927
+ aria-labelledby="main-title"
2928
+ >
2884
2929
  <div class="pf-v6-c-page__main-body">
2885
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2930
+ <h1
2931
+ class="pf-v6-c-content--h1 pf-m-page-title"
2932
+ id="main-title"
2933
+ >Main title</h1>
2886
2934
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2887
2935
  </div>
2888
2936
  </section>
@@ -3295,9 +3343,15 @@ wrapperTag: div
3295
3343
  </nav>
3296
3344
  </div>
3297
3345
  </section>
3298
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3346
+ <section
3347
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3348
+ aria-labelledby="main-title"
3349
+ >
3299
3350
  <div class="pf-v6-c-page__main-body">
3300
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3351
+ <h1
3352
+ class="pf-v6-c-content--h1 pf-m-page-title"
3353
+ id="main-title"
3354
+ >Main title</h1>
3301
3355
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3302
3356
  </div>
3303
3357
  </section>
@@ -339,9 +339,15 @@ section: components
339
339
  </nav>
340
340
  </div>
341
341
  </section>
342
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
342
+ <section
343
+ class="pf-v6-c-page__main-section pf-m-limit-width"
344
+ aria-labelledby="main-title"
345
+ >
343
346
  <div class="pf-v6-c-page__main-body">
344
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
347
+ <h1
348
+ class="pf-v6-c-content--h1 pf-m-page-title"
349
+ id="main-title"
350
+ >Main title</h1>
345
351
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
346
352
  </div>
347
353
  </section>
@@ -781,9 +787,15 @@ section: components
781
787
  </nav>
782
788
  </div>
783
789
  </section>
784
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
790
+ <section
791
+ class="pf-v6-c-page__main-section pf-m-limit-width"
792
+ aria-labelledby="main-title"
793
+ >
785
794
  <div class="pf-v6-c-page__main-body">
786
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
795
+ <h1
796
+ class="pf-v6-c-content--h1 pf-m-page-title"
797
+ id="main-title"
798
+ >Main title</h1>
787
799
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
788
800
  </div>
789
801
  </section>
@@ -1232,9 +1244,15 @@ section: components
1232
1244
  </nav>
1233
1245
  </div>
1234
1246
  </section>
1235
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1247
+ <section
1248
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1249
+ aria-labelledby="main-title"
1250
+ >
1236
1251
  <div class="pf-v6-c-page__main-body">
1237
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1252
+ <h1
1253
+ class="pf-v6-c-content--h1 pf-m-page-title"
1254
+ id="main-title"
1255
+ >Main title</h1>
1238
1256
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1239
1257
  </div>
1240
1258
  </section>
@@ -1673,9 +1691,15 @@ section: components
1673
1691
  </nav>
1674
1692
  </div>
1675
1693
  </section>
1676
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1694
+ <section
1695
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1696
+ aria-labelledby="main-title"
1697
+ >
1677
1698
  <div class="pf-v6-c-page__main-body">
1678
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1699
+ <h1
1700
+ class="pf-v6-c-content--h1 pf-m-page-title"
1701
+ id="main-title"
1702
+ >Main title</h1>
1679
1703
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1680
1704
  </div>
1681
1705
  </section>
@@ -2114,9 +2138,15 @@ section: components
2114
2138
  </nav>
2115
2139
  </div>
2116
2140
  </section>
2117
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2141
+ <section
2142
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2143
+ aria-labelledby="main-title"
2144
+ >
2118
2145
  <div class="pf-v6-c-page__main-body">
2119
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2146
+ <h1
2147
+ class="pf-v6-c-content--h1 pf-m-page-title"
2148
+ id="main-title"
2149
+ >Main title</h1>
2120
2150
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2121
2151
  </div>
2122
2152
  </section>
@@ -2555,9 +2585,15 @@ section: components
2555
2585
  </nav>
2556
2586
  </div>
2557
2587
  </section>
2558
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2588
+ <section
2589
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2590
+ aria-labelledby="main-title"
2591
+ >
2559
2592
  <div class="pf-v6-c-page__main-body">
2560
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2593
+ <h1
2594
+ class="pf-v6-c-content--h1 pf-m-page-title"
2595
+ id="main-title"
2596
+ >Main title</h1>
2561
2597
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2562
2598
  </div>
2563
2599
  </section>
@@ -339,9 +339,15 @@ section: components
339
339
  </nav>
340
340
  </div>
341
341
  </section>
342
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
342
+ <section
343
+ class="pf-v6-c-page__main-section pf-m-limit-width"
344
+ aria-labelledby="main-title"
345
+ >
343
346
  <div class="pf-v6-c-page__main-body">
344
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
347
+ <h1
348
+ class="pf-v6-c-content--h1 pf-m-page-title"
349
+ id="main-title"
350
+ >Main title</h1>
345
351
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
346
352
  </div>
347
353
  </section>
@@ -761,9 +767,15 @@ section: components
761
767
  </nav>
762
768
  </div>
763
769
  </section>
764
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
770
+ <section
771
+ class="pf-v6-c-page__main-section pf-m-limit-width"
772
+ aria-labelledby="main-title"
773
+ >
765
774
  <div class="pf-v6-c-page__main-body">
766
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
775
+ <h1
776
+ class="pf-v6-c-content--h1 pf-m-page-title"
777
+ id="main-title"
778
+ >Main title</h1>
767
779
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
768
780
  </div>
769
781
  </section>
@@ -1273,9 +1285,15 @@ section: components
1273
1285
  </nav>
1274
1286
  </div>
1275
1287
  </section>
1276
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1288
+ <section
1289
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1290
+ aria-labelledby="main-title"
1291
+ >
1277
1292
  <div class="pf-v6-c-page__main-body">
1278
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1293
+ <h1
1294
+ class="pf-v6-c-content--h1 pf-m-page-title"
1295
+ id="main-title"
1296
+ >Main title</h1>
1279
1297
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1280
1298
  </div>
1281
1299
  </section>
@@ -1591,9 +1609,15 @@ section: components
1591
1609
  </nav>
1592
1610
  </div>
1593
1611
  </section>
1594
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1612
+ <section
1613
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1614
+ aria-labelledby="main-title"
1615
+ >
1595
1616
  <div class="pf-v6-c-page__main-body">
1596
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1617
+ <h1
1618
+ class="pf-v6-c-content--h1 pf-m-page-title"
1619
+ id="main-title"
1620
+ >Main title</h1>
1597
1621
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1598
1622
  </div>
1599
1623
  </section>
@@ -2000,9 +2024,15 @@ section: components
2000
2024
  </nav>
2001
2025
  </div>
2002
2026
  </section>
2003
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2027
+ <section
2028
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2029
+ aria-labelledby="main-title"
2030
+ >
2004
2031
  <div class="pf-v6-c-page__main-body">
2005
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2032
+ <h1
2033
+ class="pf-v6-c-content--h1 pf-m-page-title"
2034
+ id="main-title"
2035
+ >Main title</h1>
2006
2036
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2007
2037
  </div>
2008
2038
  </section>
@@ -2346,9 +2376,15 @@ section: components
2346
2376
  </nav>
2347
2377
  </div>
2348
2378
  </section>
2349
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2379
+ <section
2380
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2381
+ aria-labelledby="main-title"
2382
+ >
2350
2383
  <div class="pf-v6-c-page__main-body">
2351
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2384
+ <h1
2385
+ class="pf-v6-c-content--h1 pf-m-page-title"
2386
+ id="main-title"
2387
+ >Main title</h1>
2352
2388
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2353
2389
  </div>
2354
2390
  </section>
@@ -2906,9 +2942,15 @@ section: components
2906
2942
  </nav>
2907
2943
  </div>
2908
2944
  </section>
2909
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2945
+ <section
2946
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2947
+ aria-labelledby="main-title"
2948
+ >
2910
2949
  <div class="pf-v6-c-page__main-body">
2911
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2950
+ <h1
2951
+ class="pf-v6-c-content--h1 pf-m-page-title"
2952
+ id="main-title"
2953
+ >Main title</h1>
2912
2954
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2913
2955
  </div>
2914
2956
  </section>
@@ -3469,9 +3511,15 @@ section: components
3469
3511
  </nav>
3470
3512
  </div>
3471
3513
  </section>
3472
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3514
+ <section
3515
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3516
+ aria-labelledby="main-title"
3517
+ >
3473
3518
  <div class="pf-v6-c-page__main-body">
3474
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3519
+ <h1
3520
+ class="pf-v6-c-content--h1 pf-m-page-title"
3521
+ id="main-title"
3522
+ >Main title</h1>
3475
3523
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3476
3524
  </div>
3477
3525
  </section>
@@ -4029,9 +4077,15 @@ section: components
4029
4077
  </nav>
4030
4078
  </div>
4031
4079
  </section>
4032
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4080
+ <section
4081
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4082
+ aria-labelledby="main-title"
4083
+ >
4033
4084
  <div class="pf-v6-c-page__main-body">
4034
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4085
+ <h1
4086
+ class="pf-v6-c-content--h1 pf-m-page-title"
4087
+ id="main-title"
4088
+ >Main title</h1>
4035
4089
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4036
4090
  </div>
4037
4091
  </section>
@@ -4592,9 +4646,15 @@ section: components
4592
4646
  </nav>
4593
4647
  </div>
4594
4648
  </section>
4595
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4649
+ <section
4650
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4651
+ aria-labelledby="main-title"
4652
+ >
4596
4653
  <div class="pf-v6-c-page__main-body">
4597
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4654
+ <h1
4655
+ class="pf-v6-c-content--h1 pf-m-page-title"
4656
+ id="main-title"
4657
+ >Main title</h1>
4598
4658
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4599
4659
  </div>
4600
4660
  </section>
@@ -363,9 +363,15 @@ section: components
363
363
  </nav>
364
364
  </div>
365
365
  </section>
366
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
366
+ <section
367
+ class="pf-v6-c-page__main-section pf-m-limit-width"
368
+ aria-labelledby="main-title"
369
+ >
367
370
  <div class="pf-v6-c-page__main-body">
368
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
371
+ <h1
372
+ class="pf-v6-c-content--h1 pf-m-page-title"
373
+ id="main-title"
374
+ >Main title</h1>
369
375
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
370
376
  </div>
371
377
  </section>
@@ -1286,9 +1292,15 @@ section: components
1286
1292
  </nav>
1287
1293
  </div>
1288
1294
  </section>
1289
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1295
+ <section
1296
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1297
+ aria-labelledby="main-title"
1298
+ >
1290
1299
  <div class="pf-v6-c-page__main-body">
1291
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1300
+ <h1
1301
+ class="pf-v6-c-content--h1 pf-m-page-title"
1302
+ id="main-title"
1303
+ >Main title</h1>
1292
1304
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1293
1305
  </div>
1294
1306
  </section>
@@ -2209,9 +2221,15 @@ section: components
2209
2221
  </nav>
2210
2222
  </div>
2211
2223
  </section>
2212
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2224
+ <section
2225
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2226
+ aria-labelledby="main-title"
2227
+ >
2213
2228
  <div class="pf-v6-c-page__main-body">
2214
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2229
+ <h1
2230
+ class="pf-v6-c-content--h1 pf-m-page-title"
2231
+ id="main-title"
2232
+ >Main title</h1>
2215
2233
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2216
2234
  </div>
2217
2235
  </section>
@@ -3135,9 +3153,15 @@ section: components
3135
3153
  </nav>
3136
3154
  </div>
3137
3155
  </section>
3138
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3156
+ <section
3157
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3158
+ aria-labelledby="main-title"
3159
+ >
3139
3160
  <div class="pf-v6-c-page__main-body">
3140
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3161
+ <h1
3162
+ class="pf-v6-c-content--h1 pf-m-page-title"
3163
+ id="main-title"
3164
+ >Main title</h1>
3141
3165
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3142
3166
  </div>
3143
3167
  </section>
@@ -4044,9 +4068,15 @@ section: components
4044
4068
  </nav>
4045
4069
  </div>
4046
4070
  </section>
4047
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4071
+ <section
4072
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4073
+ aria-labelledby="main-title"
4074
+ >
4048
4075
  <div class="pf-v6-c-page__main-body">
4049
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4076
+ <h1
4077
+ class="pf-v6-c-content--h1 pf-m-page-title"
4078
+ id="main-title"
4079
+ >Main title</h1>
4050
4080
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4051
4081
  </div>
4052
4082
  </section>