@patternfly/patternfly 4.179.2 → 4.179.3

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 (15) hide show
  1. package/components/Select/select.css +3 -2
  2. package/components/Select/select.scss +4 -2
  3. package/docs/components/LogViewer/examples/LogViewer.md +567 -198
  4. package/docs/components/Menu/examples/Menu.md +1848 -955
  5. package/docs/components/Nav/examples/Navigation.md +563 -231
  6. package/docs/demos/ContextSelector/examples/ContextSelector.md +351 -105
  7. package/docs/demos/Masthead/examples/Masthead.md +198 -70
  8. package/docs/demos/Page/examples/Page.md +693 -245
  9. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  10. package/docs/demos/Table/examples/Table.md +1287 -455
  11. package/package.json +1 -1
  12. package/patternfly-no-reset.css +3 -2
  13. package/patternfly.css +3 -2
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -282,12 +282,16 @@ wrapperTag: div
282
282
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
283
283
  <div class="pf-c-menu__content">
284
284
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
285
- <ul class="pf-c-menu__list">
286
- <li class="pf-c-menu__list-item pf-m-disabled">
285
+ <ul class="pf-c-menu__list" role="menu">
286
+ <li
287
+ class="pf-c-menu__list-item pf-m-disabled"
288
+ role="none"
289
+ >
287
290
  <button
288
291
  class="pf-c-menu__item"
289
292
  type="button"
290
293
  disabled
294
+ role="menuitem"
291
295
  >
292
296
  <span class="pf-c-menu__item-description">
293
297
  <div class="pf-u-font-size-sm">Username:</div>
@@ -297,11 +301,15 @@ wrapperTag: div
297
301
  </span>
298
302
  </button>
299
303
  </li>
300
- <li class="pf-c-menu__list-item pf-m-disabled">
304
+ <li
305
+ class="pf-c-menu__list-item pf-m-disabled"
306
+ role="none"
307
+ >
301
308
  <button
302
309
  class="pf-c-menu__item"
303
310
  type="button"
304
311
  disabled
312
+ role="menuitem"
305
313
  >
306
314
  <span class="pf-c-menu__item-description">
307
315
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -310,15 +318,23 @@ wrapperTag: div
310
318
  </button>
311
319
  </li>
312
320
  <li class="pf-c-divider" role="separator"></li>
313
- <li class="pf-c-menu__list-item">
314
- <button class="pf-c-menu__item" type="button">
321
+ <li class="pf-c-menu__list-item" role="none">
322
+ <button
323
+ class="pf-c-menu__item"
324
+ type="button"
325
+ role="menuitem"
326
+ >
315
327
  <span class="pf-c-menu__item-main">
316
328
  <span class="pf-c-menu__item-text">My profile</span>
317
329
  </span>
318
330
  </button>
319
331
  </li>
320
- <li class="pf-c-menu__list-item">
321
- <button class="pf-c-menu__item" type="button">
332
+ <li class="pf-c-menu__list-item" role="none">
333
+ <button
334
+ class="pf-c-menu__item"
335
+ type="button"
336
+ role="menuitem"
337
+ >
322
338
  <span class="pf-c-menu__item-main">
323
339
  <span
324
340
  class="pf-c-menu__item-text"
@@ -326,8 +342,12 @@ wrapperTag: div
326
342
  </span>
327
343
  </button>
328
344
  </li>
329
- <li class="pf-c-menu__list-item">
330
- <button class="pf-c-menu__item" type="button">
345
+ <li class="pf-c-menu__list-item" role="none">
346
+ <button
347
+ class="pf-c-menu__item"
348
+ type="button"
349
+ role="menuitem"
350
+ >
331
351
  <span class="pf-c-menu__item-main">
332
352
  <span class="pf-c-menu__item-text">Logout</span>
333
353
  </span>
@@ -337,11 +357,12 @@ wrapperTag: div
337
357
  </section>
338
358
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
339
359
  <section class="pf-c-menu__group">
340
- <ul class="pf-c-menu__list">
341
- <li class="pf-c-menu__list-item">
360
+ <ul class="pf-c-menu__list" role="menu">
361
+ <li class="pf-c-menu__list-item" role="none">
342
362
  <button
343
363
  class="pf-c-menu__item"
344
364
  type="button"
365
+ role="menuitem"
345
366
  aria-expanded="false"
346
367
  >
347
368
  <span class="pf-c-menu__item-main">
@@ -359,13 +380,15 @@ wrapperTag: div
359
380
  </button>
360
381
  <div class="pf-c-menu" hidden>
361
382
  <div class="pf-c-menu__content">
362
- <ul class="pf-c-menu__list">
383
+ <ul class="pf-c-menu__list" role="menu">
363
384
  <li
364
385
  class="pf-c-menu__list-item pf-m-drill-up"
386
+ role="none"
365
387
  >
366
388
  <button
367
389
  class="pf-c-menu__item"
368
390
  type="button"
391
+ role="menuitem"
369
392
  >
370
393
  <span class="pf-c-menu__item-main">
371
394
  <span
@@ -386,8 +409,12 @@ wrapperTag: div
386
409
  </button>
387
410
  </li>
388
411
  <li class="pf-c-divider" role="separator"></li>
389
- <li class="pf-c-menu__list-item">
390
- <a class="pf-c-menu__item" href="#">
412
+ <li class="pf-c-menu__list-item" role="none">
413
+ <a
414
+ class="pf-c-menu__item"
415
+ href="#"
416
+ role="menuitem"
417
+ >
391
418
  <span class="pf-c-menu__item-main">
392
419
  <span
393
420
  class="pf-c-menu__item-text"
@@ -395,8 +422,12 @@ wrapperTag: div
395
422
  </span>
396
423
  </a>
397
424
  </li>
398
- <li class="pf-c-menu__list-item">
399
- <a class="pf-c-menu__item" href="#">
425
+ <li class="pf-c-menu__list-item" role="none">
426
+ <a
427
+ class="pf-c-menu__item"
428
+ href="#"
429
+ role="menuitem"
430
+ >
400
431
  <span class="pf-c-menu__item-main">
401
432
  <span class="pf-c-menu__item-text">About</span>
402
433
  </span>
@@ -407,10 +438,11 @@ wrapperTag: div
407
438
  </div>
408
439
  </li>
409
440
 
410
- <li class="pf-c-menu__list-item">
441
+ <li class="pf-c-menu__list-item" role="none">
411
442
  <button
412
443
  class="pf-c-menu__item"
413
444
  type="button"
445
+ role="menuitem"
414
446
  aria-expanded="false"
415
447
  >
416
448
  <span class="pf-c-menu__item-main">
@@ -428,13 +460,15 @@ wrapperTag: div
428
460
  </button>
429
461
  <div class="pf-c-menu" hidden>
430
462
  <div class="pf-c-menu__content">
431
- <ul class="pf-c-menu__list">
463
+ <ul class="pf-c-menu__list" role="menu">
432
464
  <li
433
465
  class="pf-c-menu__list-item pf-m-drill-up"
466
+ role="none"
434
467
  >
435
468
  <button
436
469
  class="pf-c-menu__item"
437
470
  type="button"
471
+ role="menuitem"
438
472
  >
439
473
  <span class="pf-c-menu__item-main">
440
474
  <span
@@ -453,8 +487,12 @@ wrapperTag: div
453
487
  </button>
454
488
  </li>
455
489
  <li class="pf-c-divider" role="separator"></li>
456
- <li class="pf-c-menu__list-item">
457
- <a class="pf-c-menu__item" href="#">
490
+ <li class="pf-c-menu__list-item" role="none">
491
+ <a
492
+ class="pf-c-menu__item"
493
+ href="#"
494
+ role="menuitem"
495
+ >
458
496
  <span class="pf-c-menu__item-main">
459
497
  <span
460
498
  class="pf-c-menu__item-text"
@@ -462,8 +500,12 @@ wrapperTag: div
462
500
  </span>
463
501
  </a>
464
502
  </li>
465
- <li class="pf-c-menu__list-item">
466
- <a class="pf-c-menu__item" href="#">
503
+ <li class="pf-c-menu__list-item" role="none">
504
+ <a
505
+ class="pf-c-menu__item"
506
+ href="#"
507
+ role="menuitem"
508
+ >
467
509
  <span class="pf-c-menu__item-main">
468
510
  <span
469
511
  class="pf-c-menu__item-text"
@@ -471,8 +513,12 @@ wrapperTag: div
471
513
  </span>
472
514
  </a>
473
515
  </li>
474
- <li class="pf-c-menu__list-item">
475
- <a class="pf-c-menu__item" href="#">
516
+ <li class="pf-c-menu__list-item" role="none">
517
+ <a
518
+ class="pf-c-menu__item"
519
+ href="#"
520
+ role="menuitem"
521
+ >
476
522
  <span class="pf-c-menu__item-main">
477
523
  <span
478
524
  class="pf-c-menu__item-text"
@@ -485,8 +531,12 @@ wrapperTag: div
485
531
  </div>
486
532
  </li>
487
533
 
488
- <li class="pf-c-menu__list-item">
489
- <button class="pf-c-menu__item" type="button">
534
+ <li class="pf-c-menu__list-item" role="none">
535
+ <button
536
+ class="pf-c-menu__item"
537
+ type="button"
538
+ role="menuitem"
539
+ >
490
540
  <span class="pf-c-menu__item-main">
491
541
  <span class="pf-c-menu__item-icon">
492
542
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -501,7 +551,11 @@ wrapperTag: div
501
551
  </button>
502
552
  <div class="pf-c-menu" hidden>
503
553
  <div class="pf-c-menu__header">
504
- <button class="pf-c-menu__item" type="button">
554
+ <button
555
+ class="pf-c-menu__item"
556
+ type="button"
557
+ role="menuitem"
558
+ >
505
559
  <span class="pf-c-menu__item-main">
506
560
  <span class="pf-c-menu__item-toggle-icon">
507
561
  <i class="fas fa-angle-left"></i>
@@ -532,9 +586,13 @@ wrapperTag: div
532
586
  <hr class="pf-c-divider" />
533
587
  <section class="pf-c-menu__group">
534
588
  <h1 class="pf-c-menu__group-title">Favorites</h1>
535
- <ul class="pf-c-menu__list">
536
- <li class="pf-c-menu__list-item">
537
- <a class="pf-c-menu__item" href="#">
589
+ <ul class="pf-c-menu__list" role="menu">
590
+ <li class="pf-c-menu__list-item" role="none">
591
+ <a
592
+ class="pf-c-menu__item"
593
+ href="#"
594
+ role="menuitem"
595
+ >
538
596
  <span class="pf-c-menu__item-main">
539
597
  <span
540
598
  class="pf-c-menu__item-text"
@@ -554,10 +612,11 @@ wrapperTag: div
554
612
  </span>
555
613
  </button>
556
614
  </li>
557
- <li class="pf-c-menu__list-item">
615
+ <li class="pf-c-menu__list-item" role="none">
558
616
  <a
559
617
  class="pf-c-menu__item"
560
618
  href="#"
619
+ role="menuitem"
561
620
  target="_blank"
562
621
  >
563
622
  <span class="pf-c-menu__item-main">
@@ -595,9 +654,13 @@ wrapperTag: div
595
654
  <hr class="pf-c-divider" />
596
655
  <section class="pf-c-menu__group">
597
656
  <h1 class="pf-c-menu__group-title">Group 1</h1>
598
- <ul class="pf-c-menu__list">
599
- <li class="pf-c-menu__list-item">
600
- <a class="pf-c-menu__item" href="#">
657
+ <ul class="pf-c-menu__list" role="menu">
658
+ <li class="pf-c-menu__list-item" role="none">
659
+ <a
660
+ class="pf-c-menu__item"
661
+ href="#"
662
+ role="menuitem"
663
+ >
601
664
  <span class="pf-c-menu__item-main">
602
665
  <span
603
666
  class="pf-c-menu__item-text"
@@ -617,10 +680,11 @@ wrapperTag: div
617
680
  </span>
618
681
  </button>
619
682
  </li>
620
- <li class="pf-c-menu__list-item">
683
+ <li class="pf-c-menu__list-item" role="none">
621
684
  <a
622
685
  class="pf-c-menu__item"
623
686
  href="#"
687
+ role="menuitem"
624
688
  target="_blank"
625
689
  >
626
690
  <span class="pf-c-menu__item-main">
@@ -1892,12 +1956,16 @@ wrapperTag: div
1892
1956
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
1893
1957
  <div class="pf-c-menu__content">
1894
1958
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
1895
- <ul class="pf-c-menu__list">
1896
- <li class="pf-c-menu__list-item pf-m-disabled">
1959
+ <ul class="pf-c-menu__list" role="menu">
1960
+ <li
1961
+ class="pf-c-menu__list-item pf-m-disabled"
1962
+ role="none"
1963
+ >
1897
1964
  <button
1898
1965
  class="pf-c-menu__item"
1899
1966
  type="button"
1900
1967
  disabled
1968
+ role="menuitem"
1901
1969
  >
1902
1970
  <span class="pf-c-menu__item-description">
1903
1971
  <div class="pf-u-font-size-sm">Username:</div>
@@ -1907,11 +1975,15 @@ wrapperTag: div
1907
1975
  </span>
1908
1976
  </button>
1909
1977
  </li>
1910
- <li class="pf-c-menu__list-item pf-m-disabled">
1978
+ <li
1979
+ class="pf-c-menu__list-item pf-m-disabled"
1980
+ role="none"
1981
+ >
1911
1982
  <button
1912
1983
  class="pf-c-menu__item"
1913
1984
  type="button"
1914
1985
  disabled
1986
+ role="menuitem"
1915
1987
  >
1916
1988
  <span class="pf-c-menu__item-description">
1917
1989
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -1920,15 +1992,23 @@ wrapperTag: div
1920
1992
  </button>
1921
1993
  </li>
1922
1994
  <li class="pf-c-divider" role="separator"></li>
1923
- <li class="pf-c-menu__list-item">
1924
- <button class="pf-c-menu__item" type="button">
1995
+ <li class="pf-c-menu__list-item" role="none">
1996
+ <button
1997
+ class="pf-c-menu__item"
1998
+ type="button"
1999
+ role="menuitem"
2000
+ >
1925
2001
  <span class="pf-c-menu__item-main">
1926
2002
  <span class="pf-c-menu__item-text">My profile</span>
1927
2003
  </span>
1928
2004
  </button>
1929
2005
  </li>
1930
- <li class="pf-c-menu__list-item">
1931
- <button class="pf-c-menu__item" type="button">
2006
+ <li class="pf-c-menu__list-item" role="none">
2007
+ <button
2008
+ class="pf-c-menu__item"
2009
+ type="button"
2010
+ role="menuitem"
2011
+ >
1932
2012
  <span class="pf-c-menu__item-main">
1933
2013
  <span
1934
2014
  class="pf-c-menu__item-text"
@@ -1936,8 +2016,12 @@ wrapperTag: div
1936
2016
  </span>
1937
2017
  </button>
1938
2018
  </li>
1939
- <li class="pf-c-menu__list-item">
1940
- <button class="pf-c-menu__item" type="button">
2019
+ <li class="pf-c-menu__list-item" role="none">
2020
+ <button
2021
+ class="pf-c-menu__item"
2022
+ type="button"
2023
+ role="menuitem"
2024
+ >
1941
2025
  <span class="pf-c-menu__item-main">
1942
2026
  <span class="pf-c-menu__item-text">Logout</span>
1943
2027
  </span>
@@ -1947,11 +2031,12 @@ wrapperTag: div
1947
2031
  </section>
1948
2032
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
1949
2033
  <section class="pf-c-menu__group">
1950
- <ul class="pf-c-menu__list">
1951
- <li class="pf-c-menu__list-item">
2034
+ <ul class="pf-c-menu__list" role="menu">
2035
+ <li class="pf-c-menu__list-item" role="none">
1952
2036
  <button
1953
2037
  class="pf-c-menu__item"
1954
2038
  type="button"
2039
+ role="menuitem"
1955
2040
  aria-expanded="false"
1956
2041
  >
1957
2042
  <span class="pf-c-menu__item-main">
@@ -1969,13 +2054,15 @@ wrapperTag: div
1969
2054
  </button>
1970
2055
  <div class="pf-c-menu" hidden>
1971
2056
  <div class="pf-c-menu__content">
1972
- <ul class="pf-c-menu__list">
2057
+ <ul class="pf-c-menu__list" role="menu">
1973
2058
  <li
1974
2059
  class="pf-c-menu__list-item pf-m-drill-up"
2060
+ role="none"
1975
2061
  >
1976
2062
  <button
1977
2063
  class="pf-c-menu__item"
1978
2064
  type="button"
2065
+ role="menuitem"
1979
2066
  >
1980
2067
  <span class="pf-c-menu__item-main">
1981
2068
  <span
@@ -1996,8 +2083,12 @@ wrapperTag: div
1996
2083
  </button>
1997
2084
  </li>
1998
2085
  <li class="pf-c-divider" role="separator"></li>
1999
- <li class="pf-c-menu__list-item">
2000
- <a class="pf-c-menu__item" href="#">
2086
+ <li class="pf-c-menu__list-item" role="none">
2087
+ <a
2088
+ class="pf-c-menu__item"
2089
+ href="#"
2090
+ role="menuitem"
2091
+ >
2001
2092
  <span class="pf-c-menu__item-main">
2002
2093
  <span
2003
2094
  class="pf-c-menu__item-text"
@@ -2005,8 +2096,12 @@ wrapperTag: div
2005
2096
  </span>
2006
2097
  </a>
2007
2098
  </li>
2008
- <li class="pf-c-menu__list-item">
2009
- <a class="pf-c-menu__item" href="#">
2099
+ <li class="pf-c-menu__list-item" role="none">
2100
+ <a
2101
+ class="pf-c-menu__item"
2102
+ href="#"
2103
+ role="menuitem"
2104
+ >
2010
2105
  <span class="pf-c-menu__item-main">
2011
2106
  <span class="pf-c-menu__item-text">About</span>
2012
2107
  </span>
@@ -2017,10 +2112,11 @@ wrapperTag: div
2017
2112
  </div>
2018
2113
  </li>
2019
2114
 
2020
- <li class="pf-c-menu__list-item">
2115
+ <li class="pf-c-menu__list-item" role="none">
2021
2116
  <button
2022
2117
  class="pf-c-menu__item"
2023
2118
  type="button"
2119
+ role="menuitem"
2024
2120
  aria-expanded="false"
2025
2121
  >
2026
2122
  <span class="pf-c-menu__item-main">
@@ -2038,13 +2134,15 @@ wrapperTag: div
2038
2134
  </button>
2039
2135
  <div class="pf-c-menu" hidden>
2040
2136
  <div class="pf-c-menu__content">
2041
- <ul class="pf-c-menu__list">
2137
+ <ul class="pf-c-menu__list" role="menu">
2042
2138
  <li
2043
2139
  class="pf-c-menu__list-item pf-m-drill-up"
2140
+ role="none"
2044
2141
  >
2045
2142
  <button
2046
2143
  class="pf-c-menu__item"
2047
2144
  type="button"
2145
+ role="menuitem"
2048
2146
  >
2049
2147
  <span class="pf-c-menu__item-main">
2050
2148
  <span
@@ -2063,8 +2161,12 @@ wrapperTag: div
2063
2161
  </button>
2064
2162
  </li>
2065
2163
  <li class="pf-c-divider" role="separator"></li>
2066
- <li class="pf-c-menu__list-item">
2067
- <a class="pf-c-menu__item" href="#">
2164
+ <li class="pf-c-menu__list-item" role="none">
2165
+ <a
2166
+ class="pf-c-menu__item"
2167
+ href="#"
2168
+ role="menuitem"
2169
+ >
2068
2170
  <span class="pf-c-menu__item-main">
2069
2171
  <span
2070
2172
  class="pf-c-menu__item-text"
@@ -2072,8 +2174,12 @@ wrapperTag: div
2072
2174
  </span>
2073
2175
  </a>
2074
2176
  </li>
2075
- <li class="pf-c-menu__list-item">
2076
- <a class="pf-c-menu__item" href="#">
2177
+ <li class="pf-c-menu__list-item" role="none">
2178
+ <a
2179
+ class="pf-c-menu__item"
2180
+ href="#"
2181
+ role="menuitem"
2182
+ >
2077
2183
  <span class="pf-c-menu__item-main">
2078
2184
  <span
2079
2185
  class="pf-c-menu__item-text"
@@ -2081,8 +2187,12 @@ wrapperTag: div
2081
2187
  </span>
2082
2188
  </a>
2083
2189
  </li>
2084
- <li class="pf-c-menu__list-item">
2085
- <a class="pf-c-menu__item" href="#">
2190
+ <li class="pf-c-menu__list-item" role="none">
2191
+ <a
2192
+ class="pf-c-menu__item"
2193
+ href="#"
2194
+ role="menuitem"
2195
+ >
2086
2196
  <span class="pf-c-menu__item-main">
2087
2197
  <span
2088
2198
  class="pf-c-menu__item-text"
@@ -2095,8 +2205,12 @@ wrapperTag: div
2095
2205
  </div>
2096
2206
  </li>
2097
2207
 
2098
- <li class="pf-c-menu__list-item">
2099
- <button class="pf-c-menu__item" type="button">
2208
+ <li class="pf-c-menu__list-item" role="none">
2209
+ <button
2210
+ class="pf-c-menu__item"
2211
+ type="button"
2212
+ role="menuitem"
2213
+ >
2100
2214
  <span class="pf-c-menu__item-main">
2101
2215
  <span class="pf-c-menu__item-icon">
2102
2216
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -2111,7 +2225,11 @@ wrapperTag: div
2111
2225
  </button>
2112
2226
  <div class="pf-c-menu" hidden>
2113
2227
  <div class="pf-c-menu__header">
2114
- <button class="pf-c-menu__item" type="button">
2228
+ <button
2229
+ class="pf-c-menu__item"
2230
+ type="button"
2231
+ role="menuitem"
2232
+ >
2115
2233
  <span class="pf-c-menu__item-main">
2116
2234
  <span class="pf-c-menu__item-toggle-icon">
2117
2235
  <i class="fas fa-angle-left"></i>
@@ -2142,9 +2260,13 @@ wrapperTag: div
2142
2260
  <hr class="pf-c-divider" />
2143
2261
  <section class="pf-c-menu__group">
2144
2262
  <h1 class="pf-c-menu__group-title">Favorites</h1>
2145
- <ul class="pf-c-menu__list">
2146
- <li class="pf-c-menu__list-item">
2147
- <a class="pf-c-menu__item" href="#">
2263
+ <ul class="pf-c-menu__list" role="menu">
2264
+ <li class="pf-c-menu__list-item" role="none">
2265
+ <a
2266
+ class="pf-c-menu__item"
2267
+ href="#"
2268
+ role="menuitem"
2269
+ >
2148
2270
  <span class="pf-c-menu__item-main">
2149
2271
  <span
2150
2272
  class="pf-c-menu__item-text"
@@ -2164,10 +2286,11 @@ wrapperTag: div
2164
2286
  </span>
2165
2287
  </button>
2166
2288
  </li>
2167
- <li class="pf-c-menu__list-item">
2289
+ <li class="pf-c-menu__list-item" role="none">
2168
2290
  <a
2169
2291
  class="pf-c-menu__item"
2170
2292
  href="#"
2293
+ role="menuitem"
2171
2294
  target="_blank"
2172
2295
  >
2173
2296
  <span class="pf-c-menu__item-main">
@@ -2205,9 +2328,13 @@ wrapperTag: div
2205
2328
  <hr class="pf-c-divider" />
2206
2329
  <section class="pf-c-menu__group">
2207
2330
  <h1 class="pf-c-menu__group-title">Group 1</h1>
2208
- <ul class="pf-c-menu__list">
2209
- <li class="pf-c-menu__list-item">
2210
- <a class="pf-c-menu__item" href="#">
2331
+ <ul class="pf-c-menu__list" role="menu">
2332
+ <li class="pf-c-menu__list-item" role="none">
2333
+ <a
2334
+ class="pf-c-menu__item"
2335
+ href="#"
2336
+ role="menuitem"
2337
+ >
2211
2338
  <span class="pf-c-menu__item-main">
2212
2339
  <span
2213
2340
  class="pf-c-menu__item-text"
@@ -2227,10 +2354,11 @@ wrapperTag: div
2227
2354
  </span>
2228
2355
  </button>
2229
2356
  </li>
2230
- <li class="pf-c-menu__list-item">
2357
+ <li class="pf-c-menu__list-item" role="none">
2231
2358
  <a
2232
2359
  class="pf-c-menu__item"
2233
2360
  href="#"
2361
+ role="menuitem"
2234
2362
  target="_blank"
2235
2363
  >
2236
2364
  <span class="pf-c-menu__item-main">
@@ -3676,12 +3804,16 @@ wrapperTag: div
3676
3804
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
3677
3805
  <div class="pf-c-menu__content">
3678
3806
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
3679
- <ul class="pf-c-menu__list">
3680
- <li class="pf-c-menu__list-item pf-m-disabled">
3807
+ <ul class="pf-c-menu__list" role="menu">
3808
+ <li
3809
+ class="pf-c-menu__list-item pf-m-disabled"
3810
+ role="none"
3811
+ >
3681
3812
  <button
3682
3813
  class="pf-c-menu__item"
3683
3814
  type="button"
3684
3815
  disabled
3816
+ role="menuitem"
3685
3817
  >
3686
3818
  <span class="pf-c-menu__item-description">
3687
3819
  <div class="pf-u-font-size-sm">Username:</div>
@@ -3691,11 +3823,15 @@ wrapperTag: div
3691
3823
  </span>
3692
3824
  </button>
3693
3825
  </li>
3694
- <li class="pf-c-menu__list-item pf-m-disabled">
3826
+ <li
3827
+ class="pf-c-menu__list-item pf-m-disabled"
3828
+ role="none"
3829
+ >
3695
3830
  <button
3696
3831
  class="pf-c-menu__item"
3697
3832
  type="button"
3698
3833
  disabled
3834
+ role="menuitem"
3699
3835
  >
3700
3836
  <span class="pf-c-menu__item-description">
3701
3837
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -3704,15 +3840,23 @@ wrapperTag: div
3704
3840
  </button>
3705
3841
  </li>
3706
3842
  <li class="pf-c-divider" role="separator"></li>
3707
- <li class="pf-c-menu__list-item">
3708
- <button class="pf-c-menu__item" type="button">
3843
+ <li class="pf-c-menu__list-item" role="none">
3844
+ <button
3845
+ class="pf-c-menu__item"
3846
+ type="button"
3847
+ role="menuitem"
3848
+ >
3709
3849
  <span class="pf-c-menu__item-main">
3710
3850
  <span class="pf-c-menu__item-text">My profile</span>
3711
3851
  </span>
3712
3852
  </button>
3713
3853
  </li>
3714
- <li class="pf-c-menu__list-item">
3715
- <button class="pf-c-menu__item" type="button">
3854
+ <li class="pf-c-menu__list-item" role="none">
3855
+ <button
3856
+ class="pf-c-menu__item"
3857
+ type="button"
3858
+ role="menuitem"
3859
+ >
3716
3860
  <span class="pf-c-menu__item-main">
3717
3861
  <span
3718
3862
  class="pf-c-menu__item-text"
@@ -3720,8 +3864,12 @@ wrapperTag: div
3720
3864
  </span>
3721
3865
  </button>
3722
3866
  </li>
3723
- <li class="pf-c-menu__list-item">
3724
- <button class="pf-c-menu__item" type="button">
3867
+ <li class="pf-c-menu__list-item" role="none">
3868
+ <button
3869
+ class="pf-c-menu__item"
3870
+ type="button"
3871
+ role="menuitem"
3872
+ >
3725
3873
  <span class="pf-c-menu__item-main">
3726
3874
  <span class="pf-c-menu__item-text">Logout</span>
3727
3875
  </span>
@@ -3731,11 +3879,12 @@ wrapperTag: div
3731
3879
  </section>
3732
3880
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
3733
3881
  <section class="pf-c-menu__group">
3734
- <ul class="pf-c-menu__list">
3735
- <li class="pf-c-menu__list-item">
3882
+ <ul class="pf-c-menu__list" role="menu">
3883
+ <li class="pf-c-menu__list-item" role="none">
3736
3884
  <button
3737
3885
  class="pf-c-menu__item"
3738
3886
  type="button"
3887
+ role="menuitem"
3739
3888
  aria-expanded="false"
3740
3889
  >
3741
3890
  <span class="pf-c-menu__item-main">
@@ -3753,13 +3902,15 @@ wrapperTag: div
3753
3902
  </button>
3754
3903
  <div class="pf-c-menu" hidden>
3755
3904
  <div class="pf-c-menu__content">
3756
- <ul class="pf-c-menu__list">
3905
+ <ul class="pf-c-menu__list" role="menu">
3757
3906
  <li
3758
3907
  class="pf-c-menu__list-item pf-m-drill-up"
3908
+ role="none"
3759
3909
  >
3760
3910
  <button
3761
3911
  class="pf-c-menu__item"
3762
3912
  type="button"
3913
+ role="menuitem"
3763
3914
  >
3764
3915
  <span class="pf-c-menu__item-main">
3765
3916
  <span
@@ -3780,8 +3931,12 @@ wrapperTag: div
3780
3931
  </button>
3781
3932
  </li>
3782
3933
  <li class="pf-c-divider" role="separator"></li>
3783
- <li class="pf-c-menu__list-item">
3784
- <a class="pf-c-menu__item" href="#">
3934
+ <li class="pf-c-menu__list-item" role="none">
3935
+ <a
3936
+ class="pf-c-menu__item"
3937
+ href="#"
3938
+ role="menuitem"
3939
+ >
3785
3940
  <span class="pf-c-menu__item-main">
3786
3941
  <span
3787
3942
  class="pf-c-menu__item-text"
@@ -3789,8 +3944,12 @@ wrapperTag: div
3789
3944
  </span>
3790
3945
  </a>
3791
3946
  </li>
3792
- <li class="pf-c-menu__list-item">
3793
- <a class="pf-c-menu__item" href="#">
3947
+ <li class="pf-c-menu__list-item" role="none">
3948
+ <a
3949
+ class="pf-c-menu__item"
3950
+ href="#"
3951
+ role="menuitem"
3952
+ >
3794
3953
  <span class="pf-c-menu__item-main">
3795
3954
  <span class="pf-c-menu__item-text">About</span>
3796
3955
  </span>
@@ -3801,10 +3960,11 @@ wrapperTag: div
3801
3960
  </div>
3802
3961
  </li>
3803
3962
 
3804
- <li class="pf-c-menu__list-item">
3963
+ <li class="pf-c-menu__list-item" role="none">
3805
3964
  <button
3806
3965
  class="pf-c-menu__item"
3807
3966
  type="button"
3967
+ role="menuitem"
3808
3968
  aria-expanded="false"
3809
3969
  >
3810
3970
  <span class="pf-c-menu__item-main">
@@ -3822,13 +3982,15 @@ wrapperTag: div
3822
3982
  </button>
3823
3983
  <div class="pf-c-menu" hidden>
3824
3984
  <div class="pf-c-menu__content">
3825
- <ul class="pf-c-menu__list">
3985
+ <ul class="pf-c-menu__list" role="menu">
3826
3986
  <li
3827
3987
  class="pf-c-menu__list-item pf-m-drill-up"
3988
+ role="none"
3828
3989
  >
3829
3990
  <button
3830
3991
  class="pf-c-menu__item"
3831
3992
  type="button"
3993
+ role="menuitem"
3832
3994
  >
3833
3995
  <span class="pf-c-menu__item-main">
3834
3996
  <span
@@ -3847,8 +4009,12 @@ wrapperTag: div
3847
4009
  </button>
3848
4010
  </li>
3849
4011
  <li class="pf-c-divider" role="separator"></li>
3850
- <li class="pf-c-menu__list-item">
3851
- <a class="pf-c-menu__item" href="#">
4012
+ <li class="pf-c-menu__list-item" role="none">
4013
+ <a
4014
+ class="pf-c-menu__item"
4015
+ href="#"
4016
+ role="menuitem"
4017
+ >
3852
4018
  <span class="pf-c-menu__item-main">
3853
4019
  <span
3854
4020
  class="pf-c-menu__item-text"
@@ -3856,8 +4022,12 @@ wrapperTag: div
3856
4022
  </span>
3857
4023
  </a>
3858
4024
  </li>
3859
- <li class="pf-c-menu__list-item">
3860
- <a class="pf-c-menu__item" href="#">
4025
+ <li class="pf-c-menu__list-item" role="none">
4026
+ <a
4027
+ class="pf-c-menu__item"
4028
+ href="#"
4029
+ role="menuitem"
4030
+ >
3861
4031
  <span class="pf-c-menu__item-main">
3862
4032
  <span
3863
4033
  class="pf-c-menu__item-text"
@@ -3865,8 +4035,12 @@ wrapperTag: div
3865
4035
  </span>
3866
4036
  </a>
3867
4037
  </li>
3868
- <li class="pf-c-menu__list-item">
3869
- <a class="pf-c-menu__item" href="#">
4038
+ <li class="pf-c-menu__list-item" role="none">
4039
+ <a
4040
+ class="pf-c-menu__item"
4041
+ href="#"
4042
+ role="menuitem"
4043
+ >
3870
4044
  <span class="pf-c-menu__item-main">
3871
4045
  <span
3872
4046
  class="pf-c-menu__item-text"
@@ -3879,8 +4053,12 @@ wrapperTag: div
3879
4053
  </div>
3880
4054
  </li>
3881
4055
 
3882
- <li class="pf-c-menu__list-item">
3883
- <button class="pf-c-menu__item" type="button">
4056
+ <li class="pf-c-menu__list-item" role="none">
4057
+ <button
4058
+ class="pf-c-menu__item"
4059
+ type="button"
4060
+ role="menuitem"
4061
+ >
3884
4062
  <span class="pf-c-menu__item-main">
3885
4063
  <span class="pf-c-menu__item-icon">
3886
4064
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -3895,7 +4073,11 @@ wrapperTag: div
3895
4073
  </button>
3896
4074
  <div class="pf-c-menu" hidden>
3897
4075
  <div class="pf-c-menu__header">
3898
- <button class="pf-c-menu__item" type="button">
4076
+ <button
4077
+ class="pf-c-menu__item"
4078
+ type="button"
4079
+ role="menuitem"
4080
+ >
3899
4081
  <span class="pf-c-menu__item-main">
3900
4082
  <span class="pf-c-menu__item-toggle-icon">
3901
4083
  <i class="fas fa-angle-left"></i>
@@ -3926,9 +4108,13 @@ wrapperTag: div
3926
4108
  <hr class="pf-c-divider" />
3927
4109
  <section class="pf-c-menu__group">
3928
4110
  <h1 class="pf-c-menu__group-title">Favorites</h1>
3929
- <ul class="pf-c-menu__list">
3930
- <li class="pf-c-menu__list-item">
3931
- <a class="pf-c-menu__item" href="#">
4111
+ <ul class="pf-c-menu__list" role="menu">
4112
+ <li class="pf-c-menu__list-item" role="none">
4113
+ <a
4114
+ class="pf-c-menu__item"
4115
+ href="#"
4116
+ role="menuitem"
4117
+ >
3932
4118
  <span class="pf-c-menu__item-main">
3933
4119
  <span
3934
4120
  class="pf-c-menu__item-text"
@@ -3948,10 +4134,11 @@ wrapperTag: div
3948
4134
  </span>
3949
4135
  </button>
3950
4136
  </li>
3951
- <li class="pf-c-menu__list-item">
4137
+ <li class="pf-c-menu__list-item" role="none">
3952
4138
  <a
3953
4139
  class="pf-c-menu__item"
3954
4140
  href="#"
4141
+ role="menuitem"
3955
4142
  target="_blank"
3956
4143
  >
3957
4144
  <span class="pf-c-menu__item-main">
@@ -3989,9 +4176,13 @@ wrapperTag: div
3989
4176
  <hr class="pf-c-divider" />
3990
4177
  <section class="pf-c-menu__group">
3991
4178
  <h1 class="pf-c-menu__group-title">Group 1</h1>
3992
- <ul class="pf-c-menu__list">
3993
- <li class="pf-c-menu__list-item">
3994
- <a class="pf-c-menu__item" href="#">
4179
+ <ul class="pf-c-menu__list" role="menu">
4180
+ <li class="pf-c-menu__list-item" role="none">
4181
+ <a
4182
+ class="pf-c-menu__item"
4183
+ href="#"
4184
+ role="menuitem"
4185
+ >
3995
4186
  <span class="pf-c-menu__item-main">
3996
4187
  <span
3997
4188
  class="pf-c-menu__item-text"
@@ -4011,10 +4202,11 @@ wrapperTag: div
4011
4202
  </span>
4012
4203
  </button>
4013
4204
  </li>
4014
- <li class="pf-c-menu__list-item">
4205
+ <li class="pf-c-menu__list-item" role="none">
4015
4206
  <a
4016
4207
  class="pf-c-menu__item"
4017
4208
  href="#"
4209
+ role="menuitem"
4018
4210
  target="_blank"
4019
4211
  >
4020
4212
  <span class="pf-c-menu__item-main">
@@ -5662,12 +5854,16 @@ wrapperTag: div
5662
5854
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
5663
5855
  <div class="pf-c-menu__content">
5664
5856
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
5665
- <ul class="pf-c-menu__list">
5666
- <li class="pf-c-menu__list-item pf-m-disabled">
5857
+ <ul class="pf-c-menu__list" role="menu">
5858
+ <li
5859
+ class="pf-c-menu__list-item pf-m-disabled"
5860
+ role="none"
5861
+ >
5667
5862
  <button
5668
5863
  class="pf-c-menu__item"
5669
5864
  type="button"
5670
5865
  disabled
5866
+ role="menuitem"
5671
5867
  >
5672
5868
  <span class="pf-c-menu__item-description">
5673
5869
  <div class="pf-u-font-size-sm">Username:</div>
@@ -5677,11 +5873,15 @@ wrapperTag: div
5677
5873
  </span>
5678
5874
  </button>
5679
5875
  </li>
5680
- <li class="pf-c-menu__list-item pf-m-disabled">
5876
+ <li
5877
+ class="pf-c-menu__list-item pf-m-disabled"
5878
+ role="none"
5879
+ >
5681
5880
  <button
5682
5881
  class="pf-c-menu__item"
5683
5882
  type="button"
5684
5883
  disabled
5884
+ role="menuitem"
5685
5885
  >
5686
5886
  <span class="pf-c-menu__item-description">
5687
5887
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -5690,15 +5890,23 @@ wrapperTag: div
5690
5890
  </button>
5691
5891
  </li>
5692
5892
  <li class="pf-c-divider" role="separator"></li>
5693
- <li class="pf-c-menu__list-item">
5694
- <button class="pf-c-menu__item" type="button">
5893
+ <li class="pf-c-menu__list-item" role="none">
5894
+ <button
5895
+ class="pf-c-menu__item"
5896
+ type="button"
5897
+ role="menuitem"
5898
+ >
5695
5899
  <span class="pf-c-menu__item-main">
5696
5900
  <span class="pf-c-menu__item-text">My profile</span>
5697
5901
  </span>
5698
5902
  </button>
5699
5903
  </li>
5700
- <li class="pf-c-menu__list-item">
5701
- <button class="pf-c-menu__item" type="button">
5904
+ <li class="pf-c-menu__list-item" role="none">
5905
+ <button
5906
+ class="pf-c-menu__item"
5907
+ type="button"
5908
+ role="menuitem"
5909
+ >
5702
5910
  <span class="pf-c-menu__item-main">
5703
5911
  <span
5704
5912
  class="pf-c-menu__item-text"
@@ -5706,8 +5914,12 @@ wrapperTag: div
5706
5914
  </span>
5707
5915
  </button>
5708
5916
  </li>
5709
- <li class="pf-c-menu__list-item">
5710
- <button class="pf-c-menu__item" type="button">
5917
+ <li class="pf-c-menu__list-item" role="none">
5918
+ <button
5919
+ class="pf-c-menu__item"
5920
+ type="button"
5921
+ role="menuitem"
5922
+ >
5711
5923
  <span class="pf-c-menu__item-main">
5712
5924
  <span class="pf-c-menu__item-text">Logout</span>
5713
5925
  </span>
@@ -5717,11 +5929,12 @@ wrapperTag: div
5717
5929
  </section>
5718
5930
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
5719
5931
  <section class="pf-c-menu__group">
5720
- <ul class="pf-c-menu__list">
5721
- <li class="pf-c-menu__list-item">
5932
+ <ul class="pf-c-menu__list" role="menu">
5933
+ <li class="pf-c-menu__list-item" role="none">
5722
5934
  <button
5723
5935
  class="pf-c-menu__item"
5724
5936
  type="button"
5937
+ role="menuitem"
5725
5938
  aria-expanded="false"
5726
5939
  >
5727
5940
  <span class="pf-c-menu__item-main">
@@ -5739,13 +5952,15 @@ wrapperTag: div
5739
5952
  </button>
5740
5953
  <div class="pf-c-menu" hidden>
5741
5954
  <div class="pf-c-menu__content">
5742
- <ul class="pf-c-menu__list">
5955
+ <ul class="pf-c-menu__list" role="menu">
5743
5956
  <li
5744
5957
  class="pf-c-menu__list-item pf-m-drill-up"
5958
+ role="none"
5745
5959
  >
5746
5960
  <button
5747
5961
  class="pf-c-menu__item"
5748
5962
  type="button"
5963
+ role="menuitem"
5749
5964
  >
5750
5965
  <span class="pf-c-menu__item-main">
5751
5966
  <span
@@ -5766,8 +5981,12 @@ wrapperTag: div
5766
5981
  </button>
5767
5982
  </li>
5768
5983
  <li class="pf-c-divider" role="separator"></li>
5769
- <li class="pf-c-menu__list-item">
5770
- <a class="pf-c-menu__item" href="#">
5984
+ <li class="pf-c-menu__list-item" role="none">
5985
+ <a
5986
+ class="pf-c-menu__item"
5987
+ href="#"
5988
+ role="menuitem"
5989
+ >
5771
5990
  <span class="pf-c-menu__item-main">
5772
5991
  <span
5773
5992
  class="pf-c-menu__item-text"
@@ -5775,8 +5994,12 @@ wrapperTag: div
5775
5994
  </span>
5776
5995
  </a>
5777
5996
  </li>
5778
- <li class="pf-c-menu__list-item">
5779
- <a class="pf-c-menu__item" href="#">
5997
+ <li class="pf-c-menu__list-item" role="none">
5998
+ <a
5999
+ class="pf-c-menu__item"
6000
+ href="#"
6001
+ role="menuitem"
6002
+ >
5780
6003
  <span class="pf-c-menu__item-main">
5781
6004
  <span class="pf-c-menu__item-text">About</span>
5782
6005
  </span>
@@ -5787,10 +6010,11 @@ wrapperTag: div
5787
6010
  </div>
5788
6011
  </li>
5789
6012
 
5790
- <li class="pf-c-menu__list-item">
6013
+ <li class="pf-c-menu__list-item" role="none">
5791
6014
  <button
5792
6015
  class="pf-c-menu__item"
5793
6016
  type="button"
6017
+ role="menuitem"
5794
6018
  aria-expanded="false"
5795
6019
  >
5796
6020
  <span class="pf-c-menu__item-main">
@@ -5808,13 +6032,15 @@ wrapperTag: div
5808
6032
  </button>
5809
6033
  <div class="pf-c-menu" hidden>
5810
6034
  <div class="pf-c-menu__content">
5811
- <ul class="pf-c-menu__list">
6035
+ <ul class="pf-c-menu__list" role="menu">
5812
6036
  <li
5813
6037
  class="pf-c-menu__list-item pf-m-drill-up"
6038
+ role="none"
5814
6039
  >
5815
6040
  <button
5816
6041
  class="pf-c-menu__item"
5817
6042
  type="button"
6043
+ role="menuitem"
5818
6044
  >
5819
6045
  <span class="pf-c-menu__item-main">
5820
6046
  <span
@@ -5833,8 +6059,12 @@ wrapperTag: div
5833
6059
  </button>
5834
6060
  </li>
5835
6061
  <li class="pf-c-divider" role="separator"></li>
5836
- <li class="pf-c-menu__list-item">
5837
- <a class="pf-c-menu__item" href="#">
6062
+ <li class="pf-c-menu__list-item" role="none">
6063
+ <a
6064
+ class="pf-c-menu__item"
6065
+ href="#"
6066
+ role="menuitem"
6067
+ >
5838
6068
  <span class="pf-c-menu__item-main">
5839
6069
  <span
5840
6070
  class="pf-c-menu__item-text"
@@ -5842,8 +6072,12 @@ wrapperTag: div
5842
6072
  </span>
5843
6073
  </a>
5844
6074
  </li>
5845
- <li class="pf-c-menu__list-item">
5846
- <a class="pf-c-menu__item" href="#">
6075
+ <li class="pf-c-menu__list-item" role="none">
6076
+ <a
6077
+ class="pf-c-menu__item"
6078
+ href="#"
6079
+ role="menuitem"
6080
+ >
5847
6081
  <span class="pf-c-menu__item-main">
5848
6082
  <span
5849
6083
  class="pf-c-menu__item-text"
@@ -5851,8 +6085,12 @@ wrapperTag: div
5851
6085
  </span>
5852
6086
  </a>
5853
6087
  </li>
5854
- <li class="pf-c-menu__list-item">
5855
- <a class="pf-c-menu__item" href="#">
6088
+ <li class="pf-c-menu__list-item" role="none">
6089
+ <a
6090
+ class="pf-c-menu__item"
6091
+ href="#"
6092
+ role="menuitem"
6093
+ >
5856
6094
  <span class="pf-c-menu__item-main">
5857
6095
  <span
5858
6096
  class="pf-c-menu__item-text"
@@ -5865,8 +6103,12 @@ wrapperTag: div
5865
6103
  </div>
5866
6104
  </li>
5867
6105
 
5868
- <li class="pf-c-menu__list-item">
5869
- <button class="pf-c-menu__item" type="button">
6106
+ <li class="pf-c-menu__list-item" role="none">
6107
+ <button
6108
+ class="pf-c-menu__item"
6109
+ type="button"
6110
+ role="menuitem"
6111
+ >
5870
6112
  <span class="pf-c-menu__item-main">
5871
6113
  <span class="pf-c-menu__item-icon">
5872
6114
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -5881,7 +6123,11 @@ wrapperTag: div
5881
6123
  </button>
5882
6124
  <div class="pf-c-menu" hidden>
5883
6125
  <div class="pf-c-menu__header">
5884
- <button class="pf-c-menu__item" type="button">
6126
+ <button
6127
+ class="pf-c-menu__item"
6128
+ type="button"
6129
+ role="menuitem"
6130
+ >
5885
6131
  <span class="pf-c-menu__item-main">
5886
6132
  <span class="pf-c-menu__item-toggle-icon">
5887
6133
  <i class="fas fa-angle-left"></i>
@@ -5912,9 +6158,13 @@ wrapperTag: div
5912
6158
  <hr class="pf-c-divider" />
5913
6159
  <section class="pf-c-menu__group">
5914
6160
  <h1 class="pf-c-menu__group-title">Favorites</h1>
5915
- <ul class="pf-c-menu__list">
5916
- <li class="pf-c-menu__list-item">
5917
- <a class="pf-c-menu__item" href="#">
6161
+ <ul class="pf-c-menu__list" role="menu">
6162
+ <li class="pf-c-menu__list-item" role="none">
6163
+ <a
6164
+ class="pf-c-menu__item"
6165
+ href="#"
6166
+ role="menuitem"
6167
+ >
5918
6168
  <span class="pf-c-menu__item-main">
5919
6169
  <span
5920
6170
  class="pf-c-menu__item-text"
@@ -5934,10 +6184,11 @@ wrapperTag: div
5934
6184
  </span>
5935
6185
  </button>
5936
6186
  </li>
5937
- <li class="pf-c-menu__list-item">
6187
+ <li class="pf-c-menu__list-item" role="none">
5938
6188
  <a
5939
6189
  class="pf-c-menu__item"
5940
6190
  href="#"
6191
+ role="menuitem"
5941
6192
  target="_blank"
5942
6193
  >
5943
6194
  <span class="pf-c-menu__item-main">
@@ -5975,9 +6226,13 @@ wrapperTag: div
5975
6226
  <hr class="pf-c-divider" />
5976
6227
  <section class="pf-c-menu__group">
5977
6228
  <h1 class="pf-c-menu__group-title">Group 1</h1>
5978
- <ul class="pf-c-menu__list">
5979
- <li class="pf-c-menu__list-item">
5980
- <a class="pf-c-menu__item" href="#">
6229
+ <ul class="pf-c-menu__list" role="menu">
6230
+ <li class="pf-c-menu__list-item" role="none">
6231
+ <a
6232
+ class="pf-c-menu__item"
6233
+ href="#"
6234
+ role="menuitem"
6235
+ >
5981
6236
  <span class="pf-c-menu__item-main">
5982
6237
  <span
5983
6238
  class="pf-c-menu__item-text"
@@ -5997,10 +6252,11 @@ wrapperTag: div
5997
6252
  </span>
5998
6253
  </button>
5999
6254
  </li>
6000
- <li class="pf-c-menu__list-item">
6255
+ <li class="pf-c-menu__list-item" role="none">
6001
6256
  <a
6002
6257
  class="pf-c-menu__item"
6003
6258
  href="#"
6259
+ role="menuitem"
6004
6260
  target="_blank"
6005
6261
  >
6006
6262
  <span class="pf-c-menu__item-main">
@@ -7304,12 +7560,16 @@ wrapperTag: div
7304
7560
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
7305
7561
  <div class="pf-c-menu__content">
7306
7562
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
7307
- <ul class="pf-c-menu__list">
7308
- <li class="pf-c-menu__list-item pf-m-disabled">
7563
+ <ul class="pf-c-menu__list" role="menu">
7564
+ <li
7565
+ class="pf-c-menu__list-item pf-m-disabled"
7566
+ role="none"
7567
+ >
7309
7568
  <button
7310
7569
  class="pf-c-menu__item"
7311
7570
  type="button"
7312
7571
  disabled
7572
+ role="menuitem"
7313
7573
  >
7314
7574
  <span class="pf-c-menu__item-description">
7315
7575
  <div class="pf-u-font-size-sm">Username:</div>
@@ -7319,11 +7579,15 @@ wrapperTag: div
7319
7579
  </span>
7320
7580
  </button>
7321
7581
  </li>
7322
- <li class="pf-c-menu__list-item pf-m-disabled">
7582
+ <li
7583
+ class="pf-c-menu__list-item pf-m-disabled"
7584
+ role="none"
7585
+ >
7323
7586
  <button
7324
7587
  class="pf-c-menu__item"
7325
7588
  type="button"
7326
7589
  disabled
7590
+ role="menuitem"
7327
7591
  >
7328
7592
  <span class="pf-c-menu__item-description">
7329
7593
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -7332,15 +7596,23 @@ wrapperTag: div
7332
7596
  </button>
7333
7597
  </li>
7334
7598
  <li class="pf-c-divider" role="separator"></li>
7335
- <li class="pf-c-menu__list-item">
7336
- <button class="pf-c-menu__item" type="button">
7599
+ <li class="pf-c-menu__list-item" role="none">
7600
+ <button
7601
+ class="pf-c-menu__item"
7602
+ type="button"
7603
+ role="menuitem"
7604
+ >
7337
7605
  <span class="pf-c-menu__item-main">
7338
7606
  <span class="pf-c-menu__item-text">My profile</span>
7339
7607
  </span>
7340
7608
  </button>
7341
7609
  </li>
7342
- <li class="pf-c-menu__list-item">
7343
- <button class="pf-c-menu__item" type="button">
7610
+ <li class="pf-c-menu__list-item" role="none">
7611
+ <button
7612
+ class="pf-c-menu__item"
7613
+ type="button"
7614
+ role="menuitem"
7615
+ >
7344
7616
  <span class="pf-c-menu__item-main">
7345
7617
  <span
7346
7618
  class="pf-c-menu__item-text"
@@ -7348,8 +7620,12 @@ wrapperTag: div
7348
7620
  </span>
7349
7621
  </button>
7350
7622
  </li>
7351
- <li class="pf-c-menu__list-item">
7352
- <button class="pf-c-menu__item" type="button">
7623
+ <li class="pf-c-menu__list-item" role="none">
7624
+ <button
7625
+ class="pf-c-menu__item"
7626
+ type="button"
7627
+ role="menuitem"
7628
+ >
7353
7629
  <span class="pf-c-menu__item-main">
7354
7630
  <span class="pf-c-menu__item-text">Logout</span>
7355
7631
  </span>
@@ -7359,11 +7635,12 @@ wrapperTag: div
7359
7635
  </section>
7360
7636
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
7361
7637
  <section class="pf-c-menu__group">
7362
- <ul class="pf-c-menu__list">
7363
- <li class="pf-c-menu__list-item">
7638
+ <ul class="pf-c-menu__list" role="menu">
7639
+ <li class="pf-c-menu__list-item" role="none">
7364
7640
  <button
7365
7641
  class="pf-c-menu__item"
7366
7642
  type="button"
7643
+ role="menuitem"
7367
7644
  aria-expanded="false"
7368
7645
  >
7369
7646
  <span class="pf-c-menu__item-main">
@@ -7381,13 +7658,15 @@ wrapperTag: div
7381
7658
  </button>
7382
7659
  <div class="pf-c-menu" hidden>
7383
7660
  <div class="pf-c-menu__content">
7384
- <ul class="pf-c-menu__list">
7661
+ <ul class="pf-c-menu__list" role="menu">
7385
7662
  <li
7386
7663
  class="pf-c-menu__list-item pf-m-drill-up"
7664
+ role="none"
7387
7665
  >
7388
7666
  <button
7389
7667
  class="pf-c-menu__item"
7390
7668
  type="button"
7669
+ role="menuitem"
7391
7670
  >
7392
7671
  <span class="pf-c-menu__item-main">
7393
7672
  <span
@@ -7408,8 +7687,12 @@ wrapperTag: div
7408
7687
  </button>
7409
7688
  </li>
7410
7689
  <li class="pf-c-divider" role="separator"></li>
7411
- <li class="pf-c-menu__list-item">
7412
- <a class="pf-c-menu__item" href="#">
7690
+ <li class="pf-c-menu__list-item" role="none">
7691
+ <a
7692
+ class="pf-c-menu__item"
7693
+ href="#"
7694
+ role="menuitem"
7695
+ >
7413
7696
  <span class="pf-c-menu__item-main">
7414
7697
  <span
7415
7698
  class="pf-c-menu__item-text"
@@ -7417,8 +7700,12 @@ wrapperTag: div
7417
7700
  </span>
7418
7701
  </a>
7419
7702
  </li>
7420
- <li class="pf-c-menu__list-item">
7421
- <a class="pf-c-menu__item" href="#">
7703
+ <li class="pf-c-menu__list-item" role="none">
7704
+ <a
7705
+ class="pf-c-menu__item"
7706
+ href="#"
7707
+ role="menuitem"
7708
+ >
7422
7709
  <span class="pf-c-menu__item-main">
7423
7710
  <span class="pf-c-menu__item-text">About</span>
7424
7711
  </span>
@@ -7429,10 +7716,11 @@ wrapperTag: div
7429
7716
  </div>
7430
7717
  </li>
7431
7718
 
7432
- <li class="pf-c-menu__list-item">
7719
+ <li class="pf-c-menu__list-item" role="none">
7433
7720
  <button
7434
7721
  class="pf-c-menu__item"
7435
7722
  type="button"
7723
+ role="menuitem"
7436
7724
  aria-expanded="false"
7437
7725
  >
7438
7726
  <span class="pf-c-menu__item-main">
@@ -7450,13 +7738,15 @@ wrapperTag: div
7450
7738
  </button>
7451
7739
  <div class="pf-c-menu" hidden>
7452
7740
  <div class="pf-c-menu__content">
7453
- <ul class="pf-c-menu__list">
7741
+ <ul class="pf-c-menu__list" role="menu">
7454
7742
  <li
7455
7743
  class="pf-c-menu__list-item pf-m-drill-up"
7744
+ role="none"
7456
7745
  >
7457
7746
  <button
7458
7747
  class="pf-c-menu__item"
7459
7748
  type="button"
7749
+ role="menuitem"
7460
7750
  >
7461
7751
  <span class="pf-c-menu__item-main">
7462
7752
  <span
@@ -7475,8 +7765,12 @@ wrapperTag: div
7475
7765
  </button>
7476
7766
  </li>
7477
7767
  <li class="pf-c-divider" role="separator"></li>
7478
- <li class="pf-c-menu__list-item">
7479
- <a class="pf-c-menu__item" href="#">
7768
+ <li class="pf-c-menu__list-item" role="none">
7769
+ <a
7770
+ class="pf-c-menu__item"
7771
+ href="#"
7772
+ role="menuitem"
7773
+ >
7480
7774
  <span class="pf-c-menu__item-main">
7481
7775
  <span
7482
7776
  class="pf-c-menu__item-text"
@@ -7484,8 +7778,12 @@ wrapperTag: div
7484
7778
  </span>
7485
7779
  </a>
7486
7780
  </li>
7487
- <li class="pf-c-menu__list-item">
7488
- <a class="pf-c-menu__item" href="#">
7781
+ <li class="pf-c-menu__list-item" role="none">
7782
+ <a
7783
+ class="pf-c-menu__item"
7784
+ href="#"
7785
+ role="menuitem"
7786
+ >
7489
7787
  <span class="pf-c-menu__item-main">
7490
7788
  <span
7491
7789
  class="pf-c-menu__item-text"
@@ -7493,8 +7791,12 @@ wrapperTag: div
7493
7791
  </span>
7494
7792
  </a>
7495
7793
  </li>
7496
- <li class="pf-c-menu__list-item">
7497
- <a class="pf-c-menu__item" href="#">
7794
+ <li class="pf-c-menu__list-item" role="none">
7795
+ <a
7796
+ class="pf-c-menu__item"
7797
+ href="#"
7798
+ role="menuitem"
7799
+ >
7498
7800
  <span class="pf-c-menu__item-main">
7499
7801
  <span
7500
7802
  class="pf-c-menu__item-text"
@@ -7507,8 +7809,12 @@ wrapperTag: div
7507
7809
  </div>
7508
7810
  </li>
7509
7811
 
7510
- <li class="pf-c-menu__list-item">
7511
- <button class="pf-c-menu__item" type="button">
7812
+ <li class="pf-c-menu__list-item" role="none">
7813
+ <button
7814
+ class="pf-c-menu__item"
7815
+ type="button"
7816
+ role="menuitem"
7817
+ >
7512
7818
  <span class="pf-c-menu__item-main">
7513
7819
  <span class="pf-c-menu__item-icon">
7514
7820
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -7523,7 +7829,11 @@ wrapperTag: div
7523
7829
  </button>
7524
7830
  <div class="pf-c-menu" hidden>
7525
7831
  <div class="pf-c-menu__header">
7526
- <button class="pf-c-menu__item" type="button">
7832
+ <button
7833
+ class="pf-c-menu__item"
7834
+ type="button"
7835
+ role="menuitem"
7836
+ >
7527
7837
  <span class="pf-c-menu__item-main">
7528
7838
  <span class="pf-c-menu__item-toggle-icon">
7529
7839
  <i class="fas fa-angle-left"></i>
@@ -7554,9 +7864,13 @@ wrapperTag: div
7554
7864
  <hr class="pf-c-divider" />
7555
7865
  <section class="pf-c-menu__group">
7556
7866
  <h1 class="pf-c-menu__group-title">Favorites</h1>
7557
- <ul class="pf-c-menu__list">
7558
- <li class="pf-c-menu__list-item">
7559
- <a class="pf-c-menu__item" href="#">
7867
+ <ul class="pf-c-menu__list" role="menu">
7868
+ <li class="pf-c-menu__list-item" role="none">
7869
+ <a
7870
+ class="pf-c-menu__item"
7871
+ href="#"
7872
+ role="menuitem"
7873
+ >
7560
7874
  <span class="pf-c-menu__item-main">
7561
7875
  <span
7562
7876
  class="pf-c-menu__item-text"
@@ -7576,10 +7890,11 @@ wrapperTag: div
7576
7890
  </span>
7577
7891
  </button>
7578
7892
  </li>
7579
- <li class="pf-c-menu__list-item">
7893
+ <li class="pf-c-menu__list-item" role="none">
7580
7894
  <a
7581
7895
  class="pf-c-menu__item"
7582
7896
  href="#"
7897
+ role="menuitem"
7583
7898
  target="_blank"
7584
7899
  >
7585
7900
  <span class="pf-c-menu__item-main">
@@ -7617,9 +7932,13 @@ wrapperTag: div
7617
7932
  <hr class="pf-c-divider" />
7618
7933
  <section class="pf-c-menu__group">
7619
7934
  <h1 class="pf-c-menu__group-title">Group 1</h1>
7620
- <ul class="pf-c-menu__list">
7621
- <li class="pf-c-menu__list-item">
7622
- <a class="pf-c-menu__item" href="#">
7935
+ <ul class="pf-c-menu__list" role="menu">
7936
+ <li class="pf-c-menu__list-item" role="none">
7937
+ <a
7938
+ class="pf-c-menu__item"
7939
+ href="#"
7940
+ role="menuitem"
7941
+ >
7623
7942
  <span class="pf-c-menu__item-main">
7624
7943
  <span
7625
7944
  class="pf-c-menu__item-text"
@@ -7639,10 +7958,11 @@ wrapperTag: div
7639
7958
  </span>
7640
7959
  </button>
7641
7960
  </li>
7642
- <li class="pf-c-menu__list-item">
7961
+ <li class="pf-c-menu__list-item" role="none">
7643
7962
  <a
7644
7963
  class="pf-c-menu__item"
7645
7964
  href="#"
7965
+ role="menuitem"
7646
7966
  target="_blank"
7647
7967
  >
7648
7968
  <span class="pf-c-menu__item-main">
@@ -12160,12 +12480,16 @@ wrapperTag: div
12160
12480
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
12161
12481
  <div class="pf-c-menu__content">
12162
12482
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
12163
- <ul class="pf-c-menu__list">
12164
- <li class="pf-c-menu__list-item pf-m-disabled">
12483
+ <ul class="pf-c-menu__list" role="menu">
12484
+ <li
12485
+ class="pf-c-menu__list-item pf-m-disabled"
12486
+ role="none"
12487
+ >
12165
12488
  <button
12166
12489
  class="pf-c-menu__item"
12167
12490
  type="button"
12168
12491
  disabled
12492
+ role="menuitem"
12169
12493
  >
12170
12494
  <span class="pf-c-menu__item-description">
12171
12495
  <div class="pf-u-font-size-sm">Username:</div>
@@ -12175,11 +12499,15 @@ wrapperTag: div
12175
12499
  </span>
12176
12500
  </button>
12177
12501
  </li>
12178
- <li class="pf-c-menu__list-item pf-m-disabled">
12502
+ <li
12503
+ class="pf-c-menu__list-item pf-m-disabled"
12504
+ role="none"
12505
+ >
12179
12506
  <button
12180
12507
  class="pf-c-menu__item"
12181
12508
  type="button"
12182
12509
  disabled
12510
+ role="menuitem"
12183
12511
  >
12184
12512
  <span class="pf-c-menu__item-description">
12185
12513
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -12188,15 +12516,23 @@ wrapperTag: div
12188
12516
  </button>
12189
12517
  </li>
12190
12518
  <li class="pf-c-divider" role="separator"></li>
12191
- <li class="pf-c-menu__list-item">
12192
- <button class="pf-c-menu__item" type="button">
12519
+ <li class="pf-c-menu__list-item" role="none">
12520
+ <button
12521
+ class="pf-c-menu__item"
12522
+ type="button"
12523
+ role="menuitem"
12524
+ >
12193
12525
  <span class="pf-c-menu__item-main">
12194
12526
  <span class="pf-c-menu__item-text">My profile</span>
12195
12527
  </span>
12196
12528
  </button>
12197
12529
  </li>
12198
- <li class="pf-c-menu__list-item">
12199
- <button class="pf-c-menu__item" type="button">
12530
+ <li class="pf-c-menu__list-item" role="none">
12531
+ <button
12532
+ class="pf-c-menu__item"
12533
+ type="button"
12534
+ role="menuitem"
12535
+ >
12200
12536
  <span class="pf-c-menu__item-main">
12201
12537
  <span
12202
12538
  class="pf-c-menu__item-text"
@@ -12204,8 +12540,12 @@ wrapperTag: div
12204
12540
  </span>
12205
12541
  </button>
12206
12542
  </li>
12207
- <li class="pf-c-menu__list-item">
12208
- <button class="pf-c-menu__item" type="button">
12543
+ <li class="pf-c-menu__list-item" role="none">
12544
+ <button
12545
+ class="pf-c-menu__item"
12546
+ type="button"
12547
+ role="menuitem"
12548
+ >
12209
12549
  <span class="pf-c-menu__item-main">
12210
12550
  <span class="pf-c-menu__item-text">Logout</span>
12211
12551
  </span>
@@ -12215,11 +12555,12 @@ wrapperTag: div
12215
12555
  </section>
12216
12556
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
12217
12557
  <section class="pf-c-menu__group">
12218
- <ul class="pf-c-menu__list">
12219
- <li class="pf-c-menu__list-item">
12558
+ <ul class="pf-c-menu__list" role="menu">
12559
+ <li class="pf-c-menu__list-item" role="none">
12220
12560
  <button
12221
12561
  class="pf-c-menu__item"
12222
12562
  type="button"
12563
+ role="menuitem"
12223
12564
  aria-expanded="false"
12224
12565
  >
12225
12566
  <span class="pf-c-menu__item-main">
@@ -12237,13 +12578,15 @@ wrapperTag: div
12237
12578
  </button>
12238
12579
  <div class="pf-c-menu" hidden>
12239
12580
  <div class="pf-c-menu__content">
12240
- <ul class="pf-c-menu__list">
12581
+ <ul class="pf-c-menu__list" role="menu">
12241
12582
  <li
12242
12583
  class="pf-c-menu__list-item pf-m-drill-up"
12584
+ role="none"
12243
12585
  >
12244
12586
  <button
12245
12587
  class="pf-c-menu__item"
12246
12588
  type="button"
12589
+ role="menuitem"
12247
12590
  >
12248
12591
  <span class="pf-c-menu__item-main">
12249
12592
  <span
@@ -12264,8 +12607,12 @@ wrapperTag: div
12264
12607
  </button>
12265
12608
  </li>
12266
12609
  <li class="pf-c-divider" role="separator"></li>
12267
- <li class="pf-c-menu__list-item">
12268
- <a class="pf-c-menu__item" href="#">
12610
+ <li class="pf-c-menu__list-item" role="none">
12611
+ <a
12612
+ class="pf-c-menu__item"
12613
+ href="#"
12614
+ role="menuitem"
12615
+ >
12269
12616
  <span class="pf-c-menu__item-main">
12270
12617
  <span
12271
12618
  class="pf-c-menu__item-text"
@@ -12273,8 +12620,12 @@ wrapperTag: div
12273
12620
  </span>
12274
12621
  </a>
12275
12622
  </li>
12276
- <li class="pf-c-menu__list-item">
12277
- <a class="pf-c-menu__item" href="#">
12623
+ <li class="pf-c-menu__list-item" role="none">
12624
+ <a
12625
+ class="pf-c-menu__item"
12626
+ href="#"
12627
+ role="menuitem"
12628
+ >
12278
12629
  <span class="pf-c-menu__item-main">
12279
12630
  <span class="pf-c-menu__item-text">About</span>
12280
12631
  </span>
@@ -12285,10 +12636,11 @@ wrapperTag: div
12285
12636
  </div>
12286
12637
  </li>
12287
12638
 
12288
- <li class="pf-c-menu__list-item">
12639
+ <li class="pf-c-menu__list-item" role="none">
12289
12640
  <button
12290
12641
  class="pf-c-menu__item"
12291
12642
  type="button"
12643
+ role="menuitem"
12292
12644
  aria-expanded="false"
12293
12645
  >
12294
12646
  <span class="pf-c-menu__item-main">
@@ -12306,13 +12658,15 @@ wrapperTag: div
12306
12658
  </button>
12307
12659
  <div class="pf-c-menu" hidden>
12308
12660
  <div class="pf-c-menu__content">
12309
- <ul class="pf-c-menu__list">
12661
+ <ul class="pf-c-menu__list" role="menu">
12310
12662
  <li
12311
12663
  class="pf-c-menu__list-item pf-m-drill-up"
12664
+ role="none"
12312
12665
  >
12313
12666
  <button
12314
12667
  class="pf-c-menu__item"
12315
12668
  type="button"
12669
+ role="menuitem"
12316
12670
  >
12317
12671
  <span class="pf-c-menu__item-main">
12318
12672
  <span
@@ -12331,8 +12685,12 @@ wrapperTag: div
12331
12685
  </button>
12332
12686
  </li>
12333
12687
  <li class="pf-c-divider" role="separator"></li>
12334
- <li class="pf-c-menu__list-item">
12335
- <a class="pf-c-menu__item" href="#">
12688
+ <li class="pf-c-menu__list-item" role="none">
12689
+ <a
12690
+ class="pf-c-menu__item"
12691
+ href="#"
12692
+ role="menuitem"
12693
+ >
12336
12694
  <span class="pf-c-menu__item-main">
12337
12695
  <span
12338
12696
  class="pf-c-menu__item-text"
@@ -12340,8 +12698,12 @@ wrapperTag: div
12340
12698
  </span>
12341
12699
  </a>
12342
12700
  </li>
12343
- <li class="pf-c-menu__list-item">
12344
- <a class="pf-c-menu__item" href="#">
12701
+ <li class="pf-c-menu__list-item" role="none">
12702
+ <a
12703
+ class="pf-c-menu__item"
12704
+ href="#"
12705
+ role="menuitem"
12706
+ >
12345
12707
  <span class="pf-c-menu__item-main">
12346
12708
  <span
12347
12709
  class="pf-c-menu__item-text"
@@ -12349,8 +12711,12 @@ wrapperTag: div
12349
12711
  </span>
12350
12712
  </a>
12351
12713
  </li>
12352
- <li class="pf-c-menu__list-item">
12353
- <a class="pf-c-menu__item" href="#">
12714
+ <li class="pf-c-menu__list-item" role="none">
12715
+ <a
12716
+ class="pf-c-menu__item"
12717
+ href="#"
12718
+ role="menuitem"
12719
+ >
12354
12720
  <span class="pf-c-menu__item-main">
12355
12721
  <span
12356
12722
  class="pf-c-menu__item-text"
@@ -12363,8 +12729,12 @@ wrapperTag: div
12363
12729
  </div>
12364
12730
  </li>
12365
12731
 
12366
- <li class="pf-c-menu__list-item">
12367
- <button class="pf-c-menu__item" type="button">
12732
+ <li class="pf-c-menu__list-item" role="none">
12733
+ <button
12734
+ class="pf-c-menu__item"
12735
+ type="button"
12736
+ role="menuitem"
12737
+ >
12368
12738
  <span class="pf-c-menu__item-main">
12369
12739
  <span class="pf-c-menu__item-icon">
12370
12740
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -12379,7 +12749,11 @@ wrapperTag: div
12379
12749
  </button>
12380
12750
  <div class="pf-c-menu" hidden>
12381
12751
  <div class="pf-c-menu__header">
12382
- <button class="pf-c-menu__item" type="button">
12752
+ <button
12753
+ class="pf-c-menu__item"
12754
+ type="button"
12755
+ role="menuitem"
12756
+ >
12383
12757
  <span class="pf-c-menu__item-main">
12384
12758
  <span class="pf-c-menu__item-toggle-icon">
12385
12759
  <i class="fas fa-angle-left"></i>
@@ -12410,9 +12784,13 @@ wrapperTag: div
12410
12784
  <hr class="pf-c-divider" />
12411
12785
  <section class="pf-c-menu__group">
12412
12786
  <h1 class="pf-c-menu__group-title">Favorites</h1>
12413
- <ul class="pf-c-menu__list">
12414
- <li class="pf-c-menu__list-item">
12415
- <a class="pf-c-menu__item" href="#">
12787
+ <ul class="pf-c-menu__list" role="menu">
12788
+ <li class="pf-c-menu__list-item" role="none">
12789
+ <a
12790
+ class="pf-c-menu__item"
12791
+ href="#"
12792
+ role="menuitem"
12793
+ >
12416
12794
  <span class="pf-c-menu__item-main">
12417
12795
  <span
12418
12796
  class="pf-c-menu__item-text"
@@ -12432,10 +12810,11 @@ wrapperTag: div
12432
12810
  </span>
12433
12811
  </button>
12434
12812
  </li>
12435
- <li class="pf-c-menu__list-item">
12813
+ <li class="pf-c-menu__list-item" role="none">
12436
12814
  <a
12437
12815
  class="pf-c-menu__item"
12438
12816
  href="#"
12817
+ role="menuitem"
12439
12818
  target="_blank"
12440
12819
  >
12441
12820
  <span class="pf-c-menu__item-main">
@@ -12473,9 +12852,13 @@ wrapperTag: div
12473
12852
  <hr class="pf-c-divider" />
12474
12853
  <section class="pf-c-menu__group">
12475
12854
  <h1 class="pf-c-menu__group-title">Group 1</h1>
12476
- <ul class="pf-c-menu__list">
12477
- <li class="pf-c-menu__list-item">
12478
- <a class="pf-c-menu__item" href="#">
12855
+ <ul class="pf-c-menu__list" role="menu">
12856
+ <li class="pf-c-menu__list-item" role="none">
12857
+ <a
12858
+ class="pf-c-menu__item"
12859
+ href="#"
12860
+ role="menuitem"
12861
+ >
12479
12862
  <span class="pf-c-menu__item-main">
12480
12863
  <span
12481
12864
  class="pf-c-menu__item-text"
@@ -12495,10 +12878,11 @@ wrapperTag: div
12495
12878
  </span>
12496
12879
  </button>
12497
12880
  </li>
12498
- <li class="pf-c-menu__list-item">
12881
+ <li class="pf-c-menu__list-item" role="none">
12499
12882
  <a
12500
12883
  class="pf-c-menu__item"
12501
12884
  href="#"
12885
+ role="menuitem"
12502
12886
  target="_blank"
12503
12887
  >
12504
12888
  <span class="pf-c-menu__item-main">
@@ -13019,12 +13403,16 @@ wrapperTag: div
13019
13403
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
13020
13404
  <div class="pf-c-menu__content">
13021
13405
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
13022
- <ul class="pf-c-menu__list">
13023
- <li class="pf-c-menu__list-item pf-m-disabled">
13406
+ <ul class="pf-c-menu__list" role="menu">
13407
+ <li
13408
+ class="pf-c-menu__list-item pf-m-disabled"
13409
+ role="none"
13410
+ >
13024
13411
  <button
13025
13412
  class="pf-c-menu__item"
13026
13413
  type="button"
13027
13414
  disabled
13415
+ role="menuitem"
13028
13416
  >
13029
13417
  <span class="pf-c-menu__item-description">
13030
13418
  <div class="pf-u-font-size-sm">Username:</div>
@@ -13034,11 +13422,15 @@ wrapperTag: div
13034
13422
  </span>
13035
13423
  </button>
13036
13424
  </li>
13037
- <li class="pf-c-menu__list-item pf-m-disabled">
13425
+ <li
13426
+ class="pf-c-menu__list-item pf-m-disabled"
13427
+ role="none"
13428
+ >
13038
13429
  <button
13039
13430
  class="pf-c-menu__item"
13040
13431
  type="button"
13041
13432
  disabled
13433
+ role="menuitem"
13042
13434
  >
13043
13435
  <span class="pf-c-menu__item-description">
13044
13436
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -13047,15 +13439,23 @@ wrapperTag: div
13047
13439
  </button>
13048
13440
  </li>
13049
13441
  <li class="pf-c-divider" role="separator"></li>
13050
- <li class="pf-c-menu__list-item">
13051
- <button class="pf-c-menu__item" type="button">
13442
+ <li class="pf-c-menu__list-item" role="none">
13443
+ <button
13444
+ class="pf-c-menu__item"
13445
+ type="button"
13446
+ role="menuitem"
13447
+ >
13052
13448
  <span class="pf-c-menu__item-main">
13053
13449
  <span class="pf-c-menu__item-text">My profile</span>
13054
13450
  </span>
13055
13451
  </button>
13056
13452
  </li>
13057
- <li class="pf-c-menu__list-item">
13058
- <button class="pf-c-menu__item" type="button">
13453
+ <li class="pf-c-menu__list-item" role="none">
13454
+ <button
13455
+ class="pf-c-menu__item"
13456
+ type="button"
13457
+ role="menuitem"
13458
+ >
13059
13459
  <span class="pf-c-menu__item-main">
13060
13460
  <span
13061
13461
  class="pf-c-menu__item-text"
@@ -13063,8 +13463,12 @@ wrapperTag: div
13063
13463
  </span>
13064
13464
  </button>
13065
13465
  </li>
13066
- <li class="pf-c-menu__list-item">
13067
- <button class="pf-c-menu__item" type="button">
13466
+ <li class="pf-c-menu__list-item" role="none">
13467
+ <button
13468
+ class="pf-c-menu__item"
13469
+ type="button"
13470
+ role="menuitem"
13471
+ >
13068
13472
  <span class="pf-c-menu__item-main">
13069
13473
  <span class="pf-c-menu__item-text">Logout</span>
13070
13474
  </span>
@@ -13074,11 +13478,12 @@ wrapperTag: div
13074
13478
  </section>
13075
13479
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
13076
13480
  <section class="pf-c-menu__group">
13077
- <ul class="pf-c-menu__list">
13078
- <li class="pf-c-menu__list-item">
13481
+ <ul class="pf-c-menu__list" role="menu">
13482
+ <li class="pf-c-menu__list-item" role="none">
13079
13483
  <button
13080
13484
  class="pf-c-menu__item"
13081
13485
  type="button"
13486
+ role="menuitem"
13082
13487
  aria-expanded="false"
13083
13488
  >
13084
13489
  <span class="pf-c-menu__item-main">
@@ -13096,13 +13501,15 @@ wrapperTag: div
13096
13501
  </button>
13097
13502
  <div class="pf-c-menu" hidden>
13098
13503
  <div class="pf-c-menu__content">
13099
- <ul class="pf-c-menu__list">
13504
+ <ul class="pf-c-menu__list" role="menu">
13100
13505
  <li
13101
13506
  class="pf-c-menu__list-item pf-m-drill-up"
13507
+ role="none"
13102
13508
  >
13103
13509
  <button
13104
13510
  class="pf-c-menu__item"
13105
13511
  type="button"
13512
+ role="menuitem"
13106
13513
  >
13107
13514
  <span class="pf-c-menu__item-main">
13108
13515
  <span
@@ -13123,8 +13530,12 @@ wrapperTag: div
13123
13530
  </button>
13124
13531
  </li>
13125
13532
  <li class="pf-c-divider" role="separator"></li>
13126
- <li class="pf-c-menu__list-item">
13127
- <a class="pf-c-menu__item" href="#">
13533
+ <li class="pf-c-menu__list-item" role="none">
13534
+ <a
13535
+ class="pf-c-menu__item"
13536
+ href="#"
13537
+ role="menuitem"
13538
+ >
13128
13539
  <span class="pf-c-menu__item-main">
13129
13540
  <span
13130
13541
  class="pf-c-menu__item-text"
@@ -13132,8 +13543,12 @@ wrapperTag: div
13132
13543
  </span>
13133
13544
  </a>
13134
13545
  </li>
13135
- <li class="pf-c-menu__list-item">
13136
- <a class="pf-c-menu__item" href="#">
13546
+ <li class="pf-c-menu__list-item" role="none">
13547
+ <a
13548
+ class="pf-c-menu__item"
13549
+ href="#"
13550
+ role="menuitem"
13551
+ >
13137
13552
  <span class="pf-c-menu__item-main">
13138
13553
  <span class="pf-c-menu__item-text">About</span>
13139
13554
  </span>
@@ -13144,10 +13559,11 @@ wrapperTag: div
13144
13559
  </div>
13145
13560
  </li>
13146
13561
 
13147
- <li class="pf-c-menu__list-item">
13562
+ <li class="pf-c-menu__list-item" role="none">
13148
13563
  <button
13149
13564
  class="pf-c-menu__item"
13150
13565
  type="button"
13566
+ role="menuitem"
13151
13567
  aria-expanded="false"
13152
13568
  >
13153
13569
  <span class="pf-c-menu__item-main">
@@ -13165,13 +13581,15 @@ wrapperTag: div
13165
13581
  </button>
13166
13582
  <div class="pf-c-menu" hidden>
13167
13583
  <div class="pf-c-menu__content">
13168
- <ul class="pf-c-menu__list">
13584
+ <ul class="pf-c-menu__list" role="menu">
13169
13585
  <li
13170
13586
  class="pf-c-menu__list-item pf-m-drill-up"
13587
+ role="none"
13171
13588
  >
13172
13589
  <button
13173
13590
  class="pf-c-menu__item"
13174
13591
  type="button"
13592
+ role="menuitem"
13175
13593
  >
13176
13594
  <span class="pf-c-menu__item-main">
13177
13595
  <span
@@ -13190,8 +13608,12 @@ wrapperTag: div
13190
13608
  </button>
13191
13609
  </li>
13192
13610
  <li class="pf-c-divider" role="separator"></li>
13193
- <li class="pf-c-menu__list-item">
13194
- <a class="pf-c-menu__item" href="#">
13611
+ <li class="pf-c-menu__list-item" role="none">
13612
+ <a
13613
+ class="pf-c-menu__item"
13614
+ href="#"
13615
+ role="menuitem"
13616
+ >
13195
13617
  <span class="pf-c-menu__item-main">
13196
13618
  <span
13197
13619
  class="pf-c-menu__item-text"
@@ -13199,8 +13621,12 @@ wrapperTag: div
13199
13621
  </span>
13200
13622
  </a>
13201
13623
  </li>
13202
- <li class="pf-c-menu__list-item">
13203
- <a class="pf-c-menu__item" href="#">
13624
+ <li class="pf-c-menu__list-item" role="none">
13625
+ <a
13626
+ class="pf-c-menu__item"
13627
+ href="#"
13628
+ role="menuitem"
13629
+ >
13204
13630
  <span class="pf-c-menu__item-main">
13205
13631
  <span
13206
13632
  class="pf-c-menu__item-text"
@@ -13208,8 +13634,12 @@ wrapperTag: div
13208
13634
  </span>
13209
13635
  </a>
13210
13636
  </li>
13211
- <li class="pf-c-menu__list-item">
13212
- <a class="pf-c-menu__item" href="#">
13637
+ <li class="pf-c-menu__list-item" role="none">
13638
+ <a
13639
+ class="pf-c-menu__item"
13640
+ href="#"
13641
+ role="menuitem"
13642
+ >
13213
13643
  <span class="pf-c-menu__item-main">
13214
13644
  <span
13215
13645
  class="pf-c-menu__item-text"
@@ -13222,8 +13652,12 @@ wrapperTag: div
13222
13652
  </div>
13223
13653
  </li>
13224
13654
 
13225
- <li class="pf-c-menu__list-item">
13226
- <button class="pf-c-menu__item" type="button">
13655
+ <li class="pf-c-menu__list-item" role="none">
13656
+ <button
13657
+ class="pf-c-menu__item"
13658
+ type="button"
13659
+ role="menuitem"
13660
+ >
13227
13661
  <span class="pf-c-menu__item-main">
13228
13662
  <span class="pf-c-menu__item-icon">
13229
13663
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -13238,7 +13672,11 @@ wrapperTag: div
13238
13672
  </button>
13239
13673
  <div class="pf-c-menu" hidden>
13240
13674
  <div class="pf-c-menu__header">
13241
- <button class="pf-c-menu__item" type="button">
13675
+ <button
13676
+ class="pf-c-menu__item"
13677
+ type="button"
13678
+ role="menuitem"
13679
+ >
13242
13680
  <span class="pf-c-menu__item-main">
13243
13681
  <span class="pf-c-menu__item-toggle-icon">
13244
13682
  <i class="fas fa-angle-left"></i>
@@ -13269,9 +13707,13 @@ wrapperTag: div
13269
13707
  <hr class="pf-c-divider" />
13270
13708
  <section class="pf-c-menu__group">
13271
13709
  <h1 class="pf-c-menu__group-title">Favorites</h1>
13272
- <ul class="pf-c-menu__list">
13273
- <li class="pf-c-menu__list-item">
13274
- <a class="pf-c-menu__item" href="#">
13710
+ <ul class="pf-c-menu__list" role="menu">
13711
+ <li class="pf-c-menu__list-item" role="none">
13712
+ <a
13713
+ class="pf-c-menu__item"
13714
+ href="#"
13715
+ role="menuitem"
13716
+ >
13275
13717
  <span class="pf-c-menu__item-main">
13276
13718
  <span
13277
13719
  class="pf-c-menu__item-text"
@@ -13291,10 +13733,11 @@ wrapperTag: div
13291
13733
  </span>
13292
13734
  </button>
13293
13735
  </li>
13294
- <li class="pf-c-menu__list-item">
13736
+ <li class="pf-c-menu__list-item" role="none">
13295
13737
  <a
13296
13738
  class="pf-c-menu__item"
13297
13739
  href="#"
13740
+ role="menuitem"
13298
13741
  target="_blank"
13299
13742
  >
13300
13743
  <span class="pf-c-menu__item-main">
@@ -13332,9 +13775,13 @@ wrapperTag: div
13332
13775
  <hr class="pf-c-divider" />
13333
13776
  <section class="pf-c-menu__group">
13334
13777
  <h1 class="pf-c-menu__group-title">Group 1</h1>
13335
- <ul class="pf-c-menu__list">
13336
- <li class="pf-c-menu__list-item">
13337
- <a class="pf-c-menu__item" href="#">
13778
+ <ul class="pf-c-menu__list" role="menu">
13779
+ <li class="pf-c-menu__list-item" role="none">
13780
+ <a
13781
+ class="pf-c-menu__item"
13782
+ href="#"
13783
+ role="menuitem"
13784
+ >
13338
13785
  <span class="pf-c-menu__item-main">
13339
13786
  <span
13340
13787
  class="pf-c-menu__item-text"
@@ -13354,10 +13801,11 @@ wrapperTag: div
13354
13801
  </span>
13355
13802
  </button>
13356
13803
  </li>
13357
- <li class="pf-c-menu__list-item">
13804
+ <li class="pf-c-menu__list-item" role="none">
13358
13805
  <a
13359
13806
  class="pf-c-menu__item"
13360
13807
  href="#"
13808
+ role="menuitem"
13361
13809
  target="_blank"
13362
13810
  >
13363
13811
  <span class="pf-c-menu__item-main">
@@ -13881,12 +14329,16 @@ wrapperTag: div
13881
14329
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
13882
14330
  <div class="pf-c-menu__content">
13883
14331
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
13884
- <ul class="pf-c-menu__list">
13885
- <li class="pf-c-menu__list-item pf-m-disabled">
14332
+ <ul class="pf-c-menu__list" role="menu">
14333
+ <li
14334
+ class="pf-c-menu__list-item pf-m-disabled"
14335
+ role="none"
14336
+ >
13886
14337
  <button
13887
14338
  class="pf-c-menu__item"
13888
14339
  type="button"
13889
14340
  disabled
14341
+ role="menuitem"
13890
14342
  >
13891
14343
  <span class="pf-c-menu__item-description">
13892
14344
  <div class="pf-u-font-size-sm">Username:</div>
@@ -13896,11 +14348,15 @@ wrapperTag: div
13896
14348
  </span>
13897
14349
  </button>
13898
14350
  </li>
13899
- <li class="pf-c-menu__list-item pf-m-disabled">
14351
+ <li
14352
+ class="pf-c-menu__list-item pf-m-disabled"
14353
+ role="none"
14354
+ >
13900
14355
  <button
13901
14356
  class="pf-c-menu__item"
13902
14357
  type="button"
13903
14358
  disabled
14359
+ role="menuitem"
13904
14360
  >
13905
14361
  <span class="pf-c-menu__item-description">
13906
14362
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -13909,15 +14365,23 @@ wrapperTag: div
13909
14365
  </button>
13910
14366
  </li>
13911
14367
  <li class="pf-c-divider" role="separator"></li>
13912
- <li class="pf-c-menu__list-item">
13913
- <button class="pf-c-menu__item" type="button">
14368
+ <li class="pf-c-menu__list-item" role="none">
14369
+ <button
14370
+ class="pf-c-menu__item"
14371
+ type="button"
14372
+ role="menuitem"
14373
+ >
13914
14374
  <span class="pf-c-menu__item-main">
13915
14375
  <span class="pf-c-menu__item-text">My profile</span>
13916
14376
  </span>
13917
14377
  </button>
13918
14378
  </li>
13919
- <li class="pf-c-menu__list-item">
13920
- <button class="pf-c-menu__item" type="button">
14379
+ <li class="pf-c-menu__list-item" role="none">
14380
+ <button
14381
+ class="pf-c-menu__item"
14382
+ type="button"
14383
+ role="menuitem"
14384
+ >
13921
14385
  <span class="pf-c-menu__item-main">
13922
14386
  <span
13923
14387
  class="pf-c-menu__item-text"
@@ -13925,8 +14389,12 @@ wrapperTag: div
13925
14389
  </span>
13926
14390
  </button>
13927
14391
  </li>
13928
- <li class="pf-c-menu__list-item">
13929
- <button class="pf-c-menu__item" type="button">
14392
+ <li class="pf-c-menu__list-item" role="none">
14393
+ <button
14394
+ class="pf-c-menu__item"
14395
+ type="button"
14396
+ role="menuitem"
14397
+ >
13930
14398
  <span class="pf-c-menu__item-main">
13931
14399
  <span class="pf-c-menu__item-text">Logout</span>
13932
14400
  </span>
@@ -13936,11 +14404,12 @@ wrapperTag: div
13936
14404
  </section>
13937
14405
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
13938
14406
  <section class="pf-c-menu__group">
13939
- <ul class="pf-c-menu__list">
13940
- <li class="pf-c-menu__list-item">
14407
+ <ul class="pf-c-menu__list" role="menu">
14408
+ <li class="pf-c-menu__list-item" role="none">
13941
14409
  <button
13942
14410
  class="pf-c-menu__item"
13943
14411
  type="button"
14412
+ role="menuitem"
13944
14413
  aria-expanded="false"
13945
14414
  >
13946
14415
  <span class="pf-c-menu__item-main">
@@ -13958,13 +14427,15 @@ wrapperTag: div
13958
14427
  </button>
13959
14428
  <div class="pf-c-menu" hidden>
13960
14429
  <div class="pf-c-menu__content">
13961
- <ul class="pf-c-menu__list">
14430
+ <ul class="pf-c-menu__list" role="menu">
13962
14431
  <li
13963
14432
  class="pf-c-menu__list-item pf-m-drill-up"
14433
+ role="none"
13964
14434
  >
13965
14435
  <button
13966
14436
  class="pf-c-menu__item"
13967
14437
  type="button"
14438
+ role="menuitem"
13968
14439
  >
13969
14440
  <span class="pf-c-menu__item-main">
13970
14441
  <span
@@ -13985,8 +14456,12 @@ wrapperTag: div
13985
14456
  </button>
13986
14457
  </li>
13987
14458
  <li class="pf-c-divider" role="separator"></li>
13988
- <li class="pf-c-menu__list-item">
13989
- <a class="pf-c-menu__item" href="#">
14459
+ <li class="pf-c-menu__list-item" role="none">
14460
+ <a
14461
+ class="pf-c-menu__item"
14462
+ href="#"
14463
+ role="menuitem"
14464
+ >
13990
14465
  <span class="pf-c-menu__item-main">
13991
14466
  <span
13992
14467
  class="pf-c-menu__item-text"
@@ -13994,8 +14469,12 @@ wrapperTag: div
13994
14469
  </span>
13995
14470
  </a>
13996
14471
  </li>
13997
- <li class="pf-c-menu__list-item">
13998
- <a class="pf-c-menu__item" href="#">
14472
+ <li class="pf-c-menu__list-item" role="none">
14473
+ <a
14474
+ class="pf-c-menu__item"
14475
+ href="#"
14476
+ role="menuitem"
14477
+ >
13999
14478
  <span class="pf-c-menu__item-main">
14000
14479
  <span class="pf-c-menu__item-text">About</span>
14001
14480
  </span>
@@ -14006,10 +14485,11 @@ wrapperTag: div
14006
14485
  </div>
14007
14486
  </li>
14008
14487
 
14009
- <li class="pf-c-menu__list-item">
14488
+ <li class="pf-c-menu__list-item" role="none">
14010
14489
  <button
14011
14490
  class="pf-c-menu__item"
14012
14491
  type="button"
14492
+ role="menuitem"
14013
14493
  aria-expanded="false"
14014
14494
  >
14015
14495
  <span class="pf-c-menu__item-main">
@@ -14027,13 +14507,15 @@ wrapperTag: div
14027
14507
  </button>
14028
14508
  <div class="pf-c-menu" hidden>
14029
14509
  <div class="pf-c-menu__content">
14030
- <ul class="pf-c-menu__list">
14510
+ <ul class="pf-c-menu__list" role="menu">
14031
14511
  <li
14032
14512
  class="pf-c-menu__list-item pf-m-drill-up"
14513
+ role="none"
14033
14514
  >
14034
14515
  <button
14035
14516
  class="pf-c-menu__item"
14036
14517
  type="button"
14518
+ role="menuitem"
14037
14519
  >
14038
14520
  <span class="pf-c-menu__item-main">
14039
14521
  <span
@@ -14052,8 +14534,12 @@ wrapperTag: div
14052
14534
  </button>
14053
14535
  </li>
14054
14536
  <li class="pf-c-divider" role="separator"></li>
14055
- <li class="pf-c-menu__list-item">
14056
- <a class="pf-c-menu__item" href="#">
14537
+ <li class="pf-c-menu__list-item" role="none">
14538
+ <a
14539
+ class="pf-c-menu__item"
14540
+ href="#"
14541
+ role="menuitem"
14542
+ >
14057
14543
  <span class="pf-c-menu__item-main">
14058
14544
  <span
14059
14545
  class="pf-c-menu__item-text"
@@ -14061,8 +14547,12 @@ wrapperTag: div
14061
14547
  </span>
14062
14548
  </a>
14063
14549
  </li>
14064
- <li class="pf-c-menu__list-item">
14065
- <a class="pf-c-menu__item" href="#">
14550
+ <li class="pf-c-menu__list-item" role="none">
14551
+ <a
14552
+ class="pf-c-menu__item"
14553
+ href="#"
14554
+ role="menuitem"
14555
+ >
14066
14556
  <span class="pf-c-menu__item-main">
14067
14557
  <span
14068
14558
  class="pf-c-menu__item-text"
@@ -14070,8 +14560,12 @@ wrapperTag: div
14070
14560
  </span>
14071
14561
  </a>
14072
14562
  </li>
14073
- <li class="pf-c-menu__list-item">
14074
- <a class="pf-c-menu__item" href="#">
14563
+ <li class="pf-c-menu__list-item" role="none">
14564
+ <a
14565
+ class="pf-c-menu__item"
14566
+ href="#"
14567
+ role="menuitem"
14568
+ >
14075
14569
  <span class="pf-c-menu__item-main">
14076
14570
  <span
14077
14571
  class="pf-c-menu__item-text"
@@ -14084,8 +14578,12 @@ wrapperTag: div
14084
14578
  </div>
14085
14579
  </li>
14086
14580
 
14087
- <li class="pf-c-menu__list-item">
14088
- <button class="pf-c-menu__item" type="button">
14581
+ <li class="pf-c-menu__list-item" role="none">
14582
+ <button
14583
+ class="pf-c-menu__item"
14584
+ type="button"
14585
+ role="menuitem"
14586
+ >
14089
14587
  <span class="pf-c-menu__item-main">
14090
14588
  <span class="pf-c-menu__item-icon">
14091
14589
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -14100,7 +14598,11 @@ wrapperTag: div
14100
14598
  </button>
14101
14599
  <div class="pf-c-menu" hidden>
14102
14600
  <div class="pf-c-menu__header">
14103
- <button class="pf-c-menu__item" type="button">
14601
+ <button
14602
+ class="pf-c-menu__item"
14603
+ type="button"
14604
+ role="menuitem"
14605
+ >
14104
14606
  <span class="pf-c-menu__item-main">
14105
14607
  <span class="pf-c-menu__item-toggle-icon">
14106
14608
  <i class="fas fa-angle-left"></i>
@@ -14131,9 +14633,13 @@ wrapperTag: div
14131
14633
  <hr class="pf-c-divider" />
14132
14634
  <section class="pf-c-menu__group">
14133
14635
  <h1 class="pf-c-menu__group-title">Favorites</h1>
14134
- <ul class="pf-c-menu__list">
14135
- <li class="pf-c-menu__list-item">
14136
- <a class="pf-c-menu__item" href="#">
14636
+ <ul class="pf-c-menu__list" role="menu">
14637
+ <li class="pf-c-menu__list-item" role="none">
14638
+ <a
14639
+ class="pf-c-menu__item"
14640
+ href="#"
14641
+ role="menuitem"
14642
+ >
14137
14643
  <span class="pf-c-menu__item-main">
14138
14644
  <span
14139
14645
  class="pf-c-menu__item-text"
@@ -14153,10 +14659,11 @@ wrapperTag: div
14153
14659
  </span>
14154
14660
  </button>
14155
14661
  </li>
14156
- <li class="pf-c-menu__list-item">
14662
+ <li class="pf-c-menu__list-item" role="none">
14157
14663
  <a
14158
14664
  class="pf-c-menu__item"
14159
14665
  href="#"
14666
+ role="menuitem"
14160
14667
  target="_blank"
14161
14668
  >
14162
14669
  <span class="pf-c-menu__item-main">
@@ -14194,9 +14701,13 @@ wrapperTag: div
14194
14701
  <hr class="pf-c-divider" />
14195
14702
  <section class="pf-c-menu__group">
14196
14703
  <h1 class="pf-c-menu__group-title">Group 1</h1>
14197
- <ul class="pf-c-menu__list">
14198
- <li class="pf-c-menu__list-item">
14199
- <a class="pf-c-menu__item" href="#">
14704
+ <ul class="pf-c-menu__list" role="menu">
14705
+ <li class="pf-c-menu__list-item" role="none">
14706
+ <a
14707
+ class="pf-c-menu__item"
14708
+ href="#"
14709
+ role="menuitem"
14710
+ >
14200
14711
  <span class="pf-c-menu__item-main">
14201
14712
  <span
14202
14713
  class="pf-c-menu__item-text"
@@ -14216,10 +14727,11 @@ wrapperTag: div
14216
14727
  </span>
14217
14728
  </button>
14218
14729
  </li>
14219
- <li class="pf-c-menu__list-item">
14730
+ <li class="pf-c-menu__list-item" role="none">
14220
14731
  <a
14221
14732
  class="pf-c-menu__item"
14222
14733
  href="#"
14734
+ role="menuitem"
14223
14735
  target="_blank"
14224
14736
  >
14225
14737
  <span class="pf-c-menu__item-main">
@@ -15663,12 +16175,16 @@ wrapperTag: div
15663
16175
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
15664
16176
  <div class="pf-c-menu__content">
15665
16177
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
15666
- <ul class="pf-c-menu__list">
15667
- <li class="pf-c-menu__list-item pf-m-disabled">
16178
+ <ul class="pf-c-menu__list" role="menu">
16179
+ <li
16180
+ class="pf-c-menu__list-item pf-m-disabled"
16181
+ role="none"
16182
+ >
15668
16183
  <button
15669
16184
  class="pf-c-menu__item"
15670
16185
  type="button"
15671
16186
  disabled
16187
+ role="menuitem"
15672
16188
  >
15673
16189
  <span class="pf-c-menu__item-description">
15674
16190
  <div class="pf-u-font-size-sm">Username:</div>
@@ -15678,11 +16194,15 @@ wrapperTag: div
15678
16194
  </span>
15679
16195
  </button>
15680
16196
  </li>
15681
- <li class="pf-c-menu__list-item pf-m-disabled">
16197
+ <li
16198
+ class="pf-c-menu__list-item pf-m-disabled"
16199
+ role="none"
16200
+ >
15682
16201
  <button
15683
16202
  class="pf-c-menu__item"
15684
16203
  type="button"
15685
16204
  disabled
16205
+ role="menuitem"
15686
16206
  >
15687
16207
  <span class="pf-c-menu__item-description">
15688
16208
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -15691,15 +16211,23 @@ wrapperTag: div
15691
16211
  </button>
15692
16212
  </li>
15693
16213
  <li class="pf-c-divider" role="separator"></li>
15694
- <li class="pf-c-menu__list-item">
15695
- <button class="pf-c-menu__item" type="button">
16214
+ <li class="pf-c-menu__list-item" role="none">
16215
+ <button
16216
+ class="pf-c-menu__item"
16217
+ type="button"
16218
+ role="menuitem"
16219
+ >
15696
16220
  <span class="pf-c-menu__item-main">
15697
16221
  <span class="pf-c-menu__item-text">My profile</span>
15698
16222
  </span>
15699
16223
  </button>
15700
16224
  </li>
15701
- <li class="pf-c-menu__list-item">
15702
- <button class="pf-c-menu__item" type="button">
16225
+ <li class="pf-c-menu__list-item" role="none">
16226
+ <button
16227
+ class="pf-c-menu__item"
16228
+ type="button"
16229
+ role="menuitem"
16230
+ >
15703
16231
  <span class="pf-c-menu__item-main">
15704
16232
  <span
15705
16233
  class="pf-c-menu__item-text"
@@ -15707,8 +16235,12 @@ wrapperTag: div
15707
16235
  </span>
15708
16236
  </button>
15709
16237
  </li>
15710
- <li class="pf-c-menu__list-item">
15711
- <button class="pf-c-menu__item" type="button">
16238
+ <li class="pf-c-menu__list-item" role="none">
16239
+ <button
16240
+ class="pf-c-menu__item"
16241
+ type="button"
16242
+ role="menuitem"
16243
+ >
15712
16244
  <span class="pf-c-menu__item-main">
15713
16245
  <span class="pf-c-menu__item-text">Logout</span>
15714
16246
  </span>
@@ -15718,11 +16250,12 @@ wrapperTag: div
15718
16250
  </section>
15719
16251
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
15720
16252
  <section class="pf-c-menu__group">
15721
- <ul class="pf-c-menu__list">
15722
- <li class="pf-c-menu__list-item">
16253
+ <ul class="pf-c-menu__list" role="menu">
16254
+ <li class="pf-c-menu__list-item" role="none">
15723
16255
  <button
15724
16256
  class="pf-c-menu__item"
15725
16257
  type="button"
16258
+ role="menuitem"
15726
16259
  aria-expanded="false"
15727
16260
  >
15728
16261
  <span class="pf-c-menu__item-main">
@@ -15740,13 +16273,15 @@ wrapperTag: div
15740
16273
  </button>
15741
16274
  <div class="pf-c-menu" hidden>
15742
16275
  <div class="pf-c-menu__content">
15743
- <ul class="pf-c-menu__list">
16276
+ <ul class="pf-c-menu__list" role="menu">
15744
16277
  <li
15745
16278
  class="pf-c-menu__list-item pf-m-drill-up"
16279
+ role="none"
15746
16280
  >
15747
16281
  <button
15748
16282
  class="pf-c-menu__item"
15749
16283
  type="button"
16284
+ role="menuitem"
15750
16285
  >
15751
16286
  <span class="pf-c-menu__item-main">
15752
16287
  <span
@@ -15767,8 +16302,12 @@ wrapperTag: div
15767
16302
  </button>
15768
16303
  </li>
15769
16304
  <li class="pf-c-divider" role="separator"></li>
15770
- <li class="pf-c-menu__list-item">
15771
- <a class="pf-c-menu__item" href="#">
16305
+ <li class="pf-c-menu__list-item" role="none">
16306
+ <a
16307
+ class="pf-c-menu__item"
16308
+ href="#"
16309
+ role="menuitem"
16310
+ >
15772
16311
  <span class="pf-c-menu__item-main">
15773
16312
  <span
15774
16313
  class="pf-c-menu__item-text"
@@ -15776,8 +16315,12 @@ wrapperTag: div
15776
16315
  </span>
15777
16316
  </a>
15778
16317
  </li>
15779
- <li class="pf-c-menu__list-item">
15780
- <a class="pf-c-menu__item" href="#">
16318
+ <li class="pf-c-menu__list-item" role="none">
16319
+ <a
16320
+ class="pf-c-menu__item"
16321
+ href="#"
16322
+ role="menuitem"
16323
+ >
15781
16324
  <span class="pf-c-menu__item-main">
15782
16325
  <span class="pf-c-menu__item-text">About</span>
15783
16326
  </span>
@@ -15788,10 +16331,11 @@ wrapperTag: div
15788
16331
  </div>
15789
16332
  </li>
15790
16333
 
15791
- <li class="pf-c-menu__list-item">
16334
+ <li class="pf-c-menu__list-item" role="none">
15792
16335
  <button
15793
16336
  class="pf-c-menu__item"
15794
16337
  type="button"
16338
+ role="menuitem"
15795
16339
  aria-expanded="false"
15796
16340
  >
15797
16341
  <span class="pf-c-menu__item-main">
@@ -15809,13 +16353,15 @@ wrapperTag: div
15809
16353
  </button>
15810
16354
  <div class="pf-c-menu" hidden>
15811
16355
  <div class="pf-c-menu__content">
15812
- <ul class="pf-c-menu__list">
16356
+ <ul class="pf-c-menu__list" role="menu">
15813
16357
  <li
15814
16358
  class="pf-c-menu__list-item pf-m-drill-up"
16359
+ role="none"
15815
16360
  >
15816
16361
  <button
15817
16362
  class="pf-c-menu__item"
15818
16363
  type="button"
16364
+ role="menuitem"
15819
16365
  >
15820
16366
  <span class="pf-c-menu__item-main">
15821
16367
  <span
@@ -15834,8 +16380,12 @@ wrapperTag: div
15834
16380
  </button>
15835
16381
  </li>
15836
16382
  <li class="pf-c-divider" role="separator"></li>
15837
- <li class="pf-c-menu__list-item">
15838
- <a class="pf-c-menu__item" href="#">
16383
+ <li class="pf-c-menu__list-item" role="none">
16384
+ <a
16385
+ class="pf-c-menu__item"
16386
+ href="#"
16387
+ role="menuitem"
16388
+ >
15839
16389
  <span class="pf-c-menu__item-main">
15840
16390
  <span
15841
16391
  class="pf-c-menu__item-text"
@@ -15843,8 +16393,12 @@ wrapperTag: div
15843
16393
  </span>
15844
16394
  </a>
15845
16395
  </li>
15846
- <li class="pf-c-menu__list-item">
15847
- <a class="pf-c-menu__item" href="#">
16396
+ <li class="pf-c-menu__list-item" role="none">
16397
+ <a
16398
+ class="pf-c-menu__item"
16399
+ href="#"
16400
+ role="menuitem"
16401
+ >
15848
16402
  <span class="pf-c-menu__item-main">
15849
16403
  <span
15850
16404
  class="pf-c-menu__item-text"
@@ -15852,8 +16406,12 @@ wrapperTag: div
15852
16406
  </span>
15853
16407
  </a>
15854
16408
  </li>
15855
- <li class="pf-c-menu__list-item">
15856
- <a class="pf-c-menu__item" href="#">
16409
+ <li class="pf-c-menu__list-item" role="none">
16410
+ <a
16411
+ class="pf-c-menu__item"
16412
+ href="#"
16413
+ role="menuitem"
16414
+ >
15857
16415
  <span class="pf-c-menu__item-main">
15858
16416
  <span
15859
16417
  class="pf-c-menu__item-text"
@@ -15866,8 +16424,12 @@ wrapperTag: div
15866
16424
  </div>
15867
16425
  </li>
15868
16426
 
15869
- <li class="pf-c-menu__list-item">
15870
- <button class="pf-c-menu__item" type="button">
16427
+ <li class="pf-c-menu__list-item" role="none">
16428
+ <button
16429
+ class="pf-c-menu__item"
16430
+ type="button"
16431
+ role="menuitem"
16432
+ >
15871
16433
  <span class="pf-c-menu__item-main">
15872
16434
  <span class="pf-c-menu__item-icon">
15873
16435
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -15882,7 +16444,11 @@ wrapperTag: div
15882
16444
  </button>
15883
16445
  <div class="pf-c-menu" hidden>
15884
16446
  <div class="pf-c-menu__header">
15885
- <button class="pf-c-menu__item" type="button">
16447
+ <button
16448
+ class="pf-c-menu__item"
16449
+ type="button"
16450
+ role="menuitem"
16451
+ >
15886
16452
  <span class="pf-c-menu__item-main">
15887
16453
  <span class="pf-c-menu__item-toggle-icon">
15888
16454
  <i class="fas fa-angle-left"></i>
@@ -15913,9 +16479,13 @@ wrapperTag: div
15913
16479
  <hr class="pf-c-divider" />
15914
16480
  <section class="pf-c-menu__group">
15915
16481
  <h1 class="pf-c-menu__group-title">Favorites</h1>
15916
- <ul class="pf-c-menu__list">
15917
- <li class="pf-c-menu__list-item">
15918
- <a class="pf-c-menu__item" href="#">
16482
+ <ul class="pf-c-menu__list" role="menu">
16483
+ <li class="pf-c-menu__list-item" role="none">
16484
+ <a
16485
+ class="pf-c-menu__item"
16486
+ href="#"
16487
+ role="menuitem"
16488
+ >
15919
16489
  <span class="pf-c-menu__item-main">
15920
16490
  <span
15921
16491
  class="pf-c-menu__item-text"
@@ -15935,10 +16505,11 @@ wrapperTag: div
15935
16505
  </span>
15936
16506
  </button>
15937
16507
  </li>
15938
- <li class="pf-c-menu__list-item">
16508
+ <li class="pf-c-menu__list-item" role="none">
15939
16509
  <a
15940
16510
  class="pf-c-menu__item"
15941
16511
  href="#"
16512
+ role="menuitem"
15942
16513
  target="_blank"
15943
16514
  >
15944
16515
  <span class="pf-c-menu__item-main">
@@ -15976,9 +16547,13 @@ wrapperTag: div
15976
16547
  <hr class="pf-c-divider" />
15977
16548
  <section class="pf-c-menu__group">
15978
16549
  <h1 class="pf-c-menu__group-title">Group 1</h1>
15979
- <ul class="pf-c-menu__list">
15980
- <li class="pf-c-menu__list-item">
15981
- <a class="pf-c-menu__item" href="#">
16550
+ <ul class="pf-c-menu__list" role="menu">
16551
+ <li class="pf-c-menu__list-item" role="none">
16552
+ <a
16553
+ class="pf-c-menu__item"
16554
+ href="#"
16555
+ role="menuitem"
16556
+ >
15982
16557
  <span class="pf-c-menu__item-main">
15983
16558
  <span
15984
16559
  class="pf-c-menu__item-text"
@@ -15998,10 +16573,11 @@ wrapperTag: div
15998
16573
  </span>
15999
16574
  </button>
16000
16575
  </li>
16001
- <li class="pf-c-menu__list-item">
16576
+ <li class="pf-c-menu__list-item" role="none">
16002
16577
  <a
16003
16578
  class="pf-c-menu__item"
16004
16579
  href="#"
16580
+ role="menuitem"
16005
16581
  target="_blank"
16006
16582
  >
16007
16583
  <span class="pf-c-menu__item-main">
@@ -17525,12 +18101,16 @@ wrapperTag: div
17525
18101
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
17526
18102
  <div class="pf-c-menu__content">
17527
18103
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
17528
- <ul class="pf-c-menu__list">
17529
- <li class="pf-c-menu__list-item pf-m-disabled">
18104
+ <ul class="pf-c-menu__list" role="menu">
18105
+ <li
18106
+ class="pf-c-menu__list-item pf-m-disabled"
18107
+ role="none"
18108
+ >
17530
18109
  <button
17531
18110
  class="pf-c-menu__item"
17532
18111
  type="button"
17533
18112
  disabled
18113
+ role="menuitem"
17534
18114
  >
17535
18115
  <span class="pf-c-menu__item-description">
17536
18116
  <div class="pf-u-font-size-sm">Username:</div>
@@ -17540,11 +18120,15 @@ wrapperTag: div
17540
18120
  </span>
17541
18121
  </button>
17542
18122
  </li>
17543
- <li class="pf-c-menu__list-item pf-m-disabled">
18123
+ <li
18124
+ class="pf-c-menu__list-item pf-m-disabled"
18125
+ role="none"
18126
+ >
17544
18127
  <button
17545
18128
  class="pf-c-menu__item"
17546
18129
  type="button"
17547
18130
  disabled
18131
+ role="menuitem"
17548
18132
  >
17549
18133
  <span class="pf-c-menu__item-description">
17550
18134
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -17553,15 +18137,23 @@ wrapperTag: div
17553
18137
  </button>
17554
18138
  </li>
17555
18139
  <li class="pf-c-divider" role="separator"></li>
17556
- <li class="pf-c-menu__list-item">
17557
- <button class="pf-c-menu__item" type="button">
18140
+ <li class="pf-c-menu__list-item" role="none">
18141
+ <button
18142
+ class="pf-c-menu__item"
18143
+ type="button"
18144
+ role="menuitem"
18145
+ >
17558
18146
  <span class="pf-c-menu__item-main">
17559
18147
  <span class="pf-c-menu__item-text">My profile</span>
17560
18148
  </span>
17561
18149
  </button>
17562
18150
  </li>
17563
- <li class="pf-c-menu__list-item">
17564
- <button class="pf-c-menu__item" type="button">
18151
+ <li class="pf-c-menu__list-item" role="none">
18152
+ <button
18153
+ class="pf-c-menu__item"
18154
+ type="button"
18155
+ role="menuitem"
18156
+ >
17565
18157
  <span class="pf-c-menu__item-main">
17566
18158
  <span
17567
18159
  class="pf-c-menu__item-text"
@@ -17569,8 +18161,12 @@ wrapperTag: div
17569
18161
  </span>
17570
18162
  </button>
17571
18163
  </li>
17572
- <li class="pf-c-menu__list-item">
17573
- <button class="pf-c-menu__item" type="button">
18164
+ <li class="pf-c-menu__list-item" role="none">
18165
+ <button
18166
+ class="pf-c-menu__item"
18167
+ type="button"
18168
+ role="menuitem"
18169
+ >
17574
18170
  <span class="pf-c-menu__item-main">
17575
18171
  <span class="pf-c-menu__item-text">Logout</span>
17576
18172
  </span>
@@ -17580,11 +18176,12 @@ wrapperTag: div
17580
18176
  </section>
17581
18177
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
17582
18178
  <section class="pf-c-menu__group">
17583
- <ul class="pf-c-menu__list">
17584
- <li class="pf-c-menu__list-item">
18179
+ <ul class="pf-c-menu__list" role="menu">
18180
+ <li class="pf-c-menu__list-item" role="none">
17585
18181
  <button
17586
18182
  class="pf-c-menu__item"
17587
18183
  type="button"
18184
+ role="menuitem"
17588
18185
  aria-expanded="false"
17589
18186
  >
17590
18187
  <span class="pf-c-menu__item-main">
@@ -17602,13 +18199,15 @@ wrapperTag: div
17602
18199
  </button>
17603
18200
  <div class="pf-c-menu" hidden>
17604
18201
  <div class="pf-c-menu__content">
17605
- <ul class="pf-c-menu__list">
18202
+ <ul class="pf-c-menu__list" role="menu">
17606
18203
  <li
17607
18204
  class="pf-c-menu__list-item pf-m-drill-up"
18205
+ role="none"
17608
18206
  >
17609
18207
  <button
17610
18208
  class="pf-c-menu__item"
17611
18209
  type="button"
18210
+ role="menuitem"
17612
18211
  >
17613
18212
  <span class="pf-c-menu__item-main">
17614
18213
  <span
@@ -17629,8 +18228,12 @@ wrapperTag: div
17629
18228
  </button>
17630
18229
  </li>
17631
18230
  <li class="pf-c-divider" role="separator"></li>
17632
- <li class="pf-c-menu__list-item">
17633
- <a class="pf-c-menu__item" href="#">
18231
+ <li class="pf-c-menu__list-item" role="none">
18232
+ <a
18233
+ class="pf-c-menu__item"
18234
+ href="#"
18235
+ role="menuitem"
18236
+ >
17634
18237
  <span class="pf-c-menu__item-main">
17635
18238
  <span
17636
18239
  class="pf-c-menu__item-text"
@@ -17638,8 +18241,12 @@ wrapperTag: div
17638
18241
  </span>
17639
18242
  </a>
17640
18243
  </li>
17641
- <li class="pf-c-menu__list-item">
17642
- <a class="pf-c-menu__item" href="#">
18244
+ <li class="pf-c-menu__list-item" role="none">
18245
+ <a
18246
+ class="pf-c-menu__item"
18247
+ href="#"
18248
+ role="menuitem"
18249
+ >
17643
18250
  <span class="pf-c-menu__item-main">
17644
18251
  <span class="pf-c-menu__item-text">About</span>
17645
18252
  </span>
@@ -17650,10 +18257,11 @@ wrapperTag: div
17650
18257
  </div>
17651
18258
  </li>
17652
18259
 
17653
- <li class="pf-c-menu__list-item">
18260
+ <li class="pf-c-menu__list-item" role="none">
17654
18261
  <button
17655
18262
  class="pf-c-menu__item"
17656
18263
  type="button"
18264
+ role="menuitem"
17657
18265
  aria-expanded="false"
17658
18266
  >
17659
18267
  <span class="pf-c-menu__item-main">
@@ -17671,13 +18279,15 @@ wrapperTag: div
17671
18279
  </button>
17672
18280
  <div class="pf-c-menu" hidden>
17673
18281
  <div class="pf-c-menu__content">
17674
- <ul class="pf-c-menu__list">
18282
+ <ul class="pf-c-menu__list" role="menu">
17675
18283
  <li
17676
18284
  class="pf-c-menu__list-item pf-m-drill-up"
18285
+ role="none"
17677
18286
  >
17678
18287
  <button
17679
18288
  class="pf-c-menu__item"
17680
18289
  type="button"
18290
+ role="menuitem"
17681
18291
  >
17682
18292
  <span class="pf-c-menu__item-main">
17683
18293
  <span
@@ -17696,8 +18306,12 @@ wrapperTag: div
17696
18306
  </button>
17697
18307
  </li>
17698
18308
  <li class="pf-c-divider" role="separator"></li>
17699
- <li class="pf-c-menu__list-item">
17700
- <a class="pf-c-menu__item" href="#">
18309
+ <li class="pf-c-menu__list-item" role="none">
18310
+ <a
18311
+ class="pf-c-menu__item"
18312
+ href="#"
18313
+ role="menuitem"
18314
+ >
17701
18315
  <span class="pf-c-menu__item-main">
17702
18316
  <span
17703
18317
  class="pf-c-menu__item-text"
@@ -17705,8 +18319,12 @@ wrapperTag: div
17705
18319
  </span>
17706
18320
  </a>
17707
18321
  </li>
17708
- <li class="pf-c-menu__list-item">
17709
- <a class="pf-c-menu__item" href="#">
18322
+ <li class="pf-c-menu__list-item" role="none">
18323
+ <a
18324
+ class="pf-c-menu__item"
18325
+ href="#"
18326
+ role="menuitem"
18327
+ >
17710
18328
  <span class="pf-c-menu__item-main">
17711
18329
  <span
17712
18330
  class="pf-c-menu__item-text"
@@ -17714,8 +18332,12 @@ wrapperTag: div
17714
18332
  </span>
17715
18333
  </a>
17716
18334
  </li>
17717
- <li class="pf-c-menu__list-item">
17718
- <a class="pf-c-menu__item" href="#">
18335
+ <li class="pf-c-menu__list-item" role="none">
18336
+ <a
18337
+ class="pf-c-menu__item"
18338
+ href="#"
18339
+ role="menuitem"
18340
+ >
17719
18341
  <span class="pf-c-menu__item-main">
17720
18342
  <span
17721
18343
  class="pf-c-menu__item-text"
@@ -17728,8 +18350,12 @@ wrapperTag: div
17728
18350
  </div>
17729
18351
  </li>
17730
18352
 
17731
- <li class="pf-c-menu__list-item">
17732
- <button class="pf-c-menu__item" type="button">
18353
+ <li class="pf-c-menu__list-item" role="none">
18354
+ <button
18355
+ class="pf-c-menu__item"
18356
+ type="button"
18357
+ role="menuitem"
18358
+ >
17733
18359
  <span class="pf-c-menu__item-main">
17734
18360
  <span class="pf-c-menu__item-icon">
17735
18361
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -17744,7 +18370,11 @@ wrapperTag: div
17744
18370
  </button>
17745
18371
  <div class="pf-c-menu" hidden>
17746
18372
  <div class="pf-c-menu__header">
17747
- <button class="pf-c-menu__item" type="button">
18373
+ <button
18374
+ class="pf-c-menu__item"
18375
+ type="button"
18376
+ role="menuitem"
18377
+ >
17748
18378
  <span class="pf-c-menu__item-main">
17749
18379
  <span class="pf-c-menu__item-toggle-icon">
17750
18380
  <i class="fas fa-angle-left"></i>
@@ -17775,9 +18405,13 @@ wrapperTag: div
17775
18405
  <hr class="pf-c-divider" />
17776
18406
  <section class="pf-c-menu__group">
17777
18407
  <h1 class="pf-c-menu__group-title">Favorites</h1>
17778
- <ul class="pf-c-menu__list">
17779
- <li class="pf-c-menu__list-item">
17780
- <a class="pf-c-menu__item" href="#">
18408
+ <ul class="pf-c-menu__list" role="menu">
18409
+ <li class="pf-c-menu__list-item" role="none">
18410
+ <a
18411
+ class="pf-c-menu__item"
18412
+ href="#"
18413
+ role="menuitem"
18414
+ >
17781
18415
  <span class="pf-c-menu__item-main">
17782
18416
  <span
17783
18417
  class="pf-c-menu__item-text"
@@ -17797,10 +18431,11 @@ wrapperTag: div
17797
18431
  </span>
17798
18432
  </button>
17799
18433
  </li>
17800
- <li class="pf-c-menu__list-item">
18434
+ <li class="pf-c-menu__list-item" role="none">
17801
18435
  <a
17802
18436
  class="pf-c-menu__item"
17803
18437
  href="#"
18438
+ role="menuitem"
17804
18439
  target="_blank"
17805
18440
  >
17806
18441
  <span class="pf-c-menu__item-main">
@@ -17838,9 +18473,13 @@ wrapperTag: div
17838
18473
  <hr class="pf-c-divider" />
17839
18474
  <section class="pf-c-menu__group">
17840
18475
  <h1 class="pf-c-menu__group-title">Group 1</h1>
17841
- <ul class="pf-c-menu__list">
17842
- <li class="pf-c-menu__list-item">
17843
- <a class="pf-c-menu__item" href="#">
18476
+ <ul class="pf-c-menu__list" role="menu">
18477
+ <li class="pf-c-menu__list-item" role="none">
18478
+ <a
18479
+ class="pf-c-menu__item"
18480
+ href="#"
18481
+ role="menuitem"
18482
+ >
17844
18483
  <span class="pf-c-menu__item-main">
17845
18484
  <span
17846
18485
  class="pf-c-menu__item-text"
@@ -17860,10 +18499,11 @@ wrapperTag: div
17860
18499
  </span>
17861
18500
  </button>
17862
18501
  </li>
17863
- <li class="pf-c-menu__list-item">
18502
+ <li class="pf-c-menu__list-item" role="none">
17864
18503
  <a
17865
18504
  class="pf-c-menu__item"
17866
18505
  href="#"
18506
+ role="menuitem"
17867
18507
  target="_blank"
17868
18508
  >
17869
18509
  <span class="pf-c-menu__item-main">
@@ -19307,12 +19947,16 @@ wrapperTag: div
19307
19947
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
19308
19948
  <div class="pf-c-menu__content">
19309
19949
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
19310
- <ul class="pf-c-menu__list">
19311
- <li class="pf-c-menu__list-item pf-m-disabled">
19950
+ <ul class="pf-c-menu__list" role="menu">
19951
+ <li
19952
+ class="pf-c-menu__list-item pf-m-disabled"
19953
+ role="none"
19954
+ >
19312
19955
  <button
19313
19956
  class="pf-c-menu__item"
19314
19957
  type="button"
19315
19958
  disabled
19959
+ role="menuitem"
19316
19960
  >
19317
19961
  <span class="pf-c-menu__item-description">
19318
19962
  <div class="pf-u-font-size-sm">Username:</div>
@@ -19322,11 +19966,15 @@ wrapperTag: div
19322
19966
  </span>
19323
19967
  </button>
19324
19968
  </li>
19325
- <li class="pf-c-menu__list-item pf-m-disabled">
19969
+ <li
19970
+ class="pf-c-menu__list-item pf-m-disabled"
19971
+ role="none"
19972
+ >
19326
19973
  <button
19327
19974
  class="pf-c-menu__item"
19328
19975
  type="button"
19329
19976
  disabled
19977
+ role="menuitem"
19330
19978
  >
19331
19979
  <span class="pf-c-menu__item-description">
19332
19980
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -19335,15 +19983,23 @@ wrapperTag: div
19335
19983
  </button>
19336
19984
  </li>
19337
19985
  <li class="pf-c-divider" role="separator"></li>
19338
- <li class="pf-c-menu__list-item">
19339
- <button class="pf-c-menu__item" type="button">
19986
+ <li class="pf-c-menu__list-item" role="none">
19987
+ <button
19988
+ class="pf-c-menu__item"
19989
+ type="button"
19990
+ role="menuitem"
19991
+ >
19340
19992
  <span class="pf-c-menu__item-main">
19341
19993
  <span class="pf-c-menu__item-text">My profile</span>
19342
19994
  </span>
19343
19995
  </button>
19344
19996
  </li>
19345
- <li class="pf-c-menu__list-item">
19346
- <button class="pf-c-menu__item" type="button">
19997
+ <li class="pf-c-menu__list-item" role="none">
19998
+ <button
19999
+ class="pf-c-menu__item"
20000
+ type="button"
20001
+ role="menuitem"
20002
+ >
19347
20003
  <span class="pf-c-menu__item-main">
19348
20004
  <span
19349
20005
  class="pf-c-menu__item-text"
@@ -19351,8 +20007,12 @@ wrapperTag: div
19351
20007
  </span>
19352
20008
  </button>
19353
20009
  </li>
19354
- <li class="pf-c-menu__list-item">
19355
- <button class="pf-c-menu__item" type="button">
20010
+ <li class="pf-c-menu__list-item" role="none">
20011
+ <button
20012
+ class="pf-c-menu__item"
20013
+ type="button"
20014
+ role="menuitem"
20015
+ >
19356
20016
  <span class="pf-c-menu__item-main">
19357
20017
  <span class="pf-c-menu__item-text">Logout</span>
19358
20018
  </span>
@@ -19362,11 +20022,12 @@ wrapperTag: div
19362
20022
  </section>
19363
20023
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
19364
20024
  <section class="pf-c-menu__group">
19365
- <ul class="pf-c-menu__list">
19366
- <li class="pf-c-menu__list-item">
20025
+ <ul class="pf-c-menu__list" role="menu">
20026
+ <li class="pf-c-menu__list-item" role="none">
19367
20027
  <button
19368
20028
  class="pf-c-menu__item"
19369
20029
  type="button"
20030
+ role="menuitem"
19370
20031
  aria-expanded="false"
19371
20032
  >
19372
20033
  <span class="pf-c-menu__item-main">
@@ -19384,13 +20045,15 @@ wrapperTag: div
19384
20045
  </button>
19385
20046
  <div class="pf-c-menu" hidden>
19386
20047
  <div class="pf-c-menu__content">
19387
- <ul class="pf-c-menu__list">
20048
+ <ul class="pf-c-menu__list" role="menu">
19388
20049
  <li
19389
20050
  class="pf-c-menu__list-item pf-m-drill-up"
20051
+ role="none"
19390
20052
  >
19391
20053
  <button
19392
20054
  class="pf-c-menu__item"
19393
20055
  type="button"
20056
+ role="menuitem"
19394
20057
  >
19395
20058
  <span class="pf-c-menu__item-main">
19396
20059
  <span
@@ -19411,8 +20074,12 @@ wrapperTag: div
19411
20074
  </button>
19412
20075
  </li>
19413
20076
  <li class="pf-c-divider" role="separator"></li>
19414
- <li class="pf-c-menu__list-item">
19415
- <a class="pf-c-menu__item" href="#">
20077
+ <li class="pf-c-menu__list-item" role="none">
20078
+ <a
20079
+ class="pf-c-menu__item"
20080
+ href="#"
20081
+ role="menuitem"
20082
+ >
19416
20083
  <span class="pf-c-menu__item-main">
19417
20084
  <span
19418
20085
  class="pf-c-menu__item-text"
@@ -19420,8 +20087,12 @@ wrapperTag: div
19420
20087
  </span>
19421
20088
  </a>
19422
20089
  </li>
19423
- <li class="pf-c-menu__list-item">
19424
- <a class="pf-c-menu__item" href="#">
20090
+ <li class="pf-c-menu__list-item" role="none">
20091
+ <a
20092
+ class="pf-c-menu__item"
20093
+ href="#"
20094
+ role="menuitem"
20095
+ >
19425
20096
  <span class="pf-c-menu__item-main">
19426
20097
  <span class="pf-c-menu__item-text">About</span>
19427
20098
  </span>
@@ -19432,10 +20103,11 @@ wrapperTag: div
19432
20103
  </div>
19433
20104
  </li>
19434
20105
 
19435
- <li class="pf-c-menu__list-item">
20106
+ <li class="pf-c-menu__list-item" role="none">
19436
20107
  <button
19437
20108
  class="pf-c-menu__item"
19438
20109
  type="button"
20110
+ role="menuitem"
19439
20111
  aria-expanded="false"
19440
20112
  >
19441
20113
  <span class="pf-c-menu__item-main">
@@ -19453,13 +20125,15 @@ wrapperTag: div
19453
20125
  </button>
19454
20126
  <div class="pf-c-menu" hidden>
19455
20127
  <div class="pf-c-menu__content">
19456
- <ul class="pf-c-menu__list">
20128
+ <ul class="pf-c-menu__list" role="menu">
19457
20129
  <li
19458
20130
  class="pf-c-menu__list-item pf-m-drill-up"
20131
+ role="none"
19459
20132
  >
19460
20133
  <button
19461
20134
  class="pf-c-menu__item"
19462
20135
  type="button"
20136
+ role="menuitem"
19463
20137
  >
19464
20138
  <span class="pf-c-menu__item-main">
19465
20139
  <span
@@ -19478,8 +20152,12 @@ wrapperTag: div
19478
20152
  </button>
19479
20153
  </li>
19480
20154
  <li class="pf-c-divider" role="separator"></li>
19481
- <li class="pf-c-menu__list-item">
19482
- <a class="pf-c-menu__item" href="#">
20155
+ <li class="pf-c-menu__list-item" role="none">
20156
+ <a
20157
+ class="pf-c-menu__item"
20158
+ href="#"
20159
+ role="menuitem"
20160
+ >
19483
20161
  <span class="pf-c-menu__item-main">
19484
20162
  <span
19485
20163
  class="pf-c-menu__item-text"
@@ -19487,8 +20165,12 @@ wrapperTag: div
19487
20165
  </span>
19488
20166
  </a>
19489
20167
  </li>
19490
- <li class="pf-c-menu__list-item">
19491
- <a class="pf-c-menu__item" href="#">
20168
+ <li class="pf-c-menu__list-item" role="none">
20169
+ <a
20170
+ class="pf-c-menu__item"
20171
+ href="#"
20172
+ role="menuitem"
20173
+ >
19492
20174
  <span class="pf-c-menu__item-main">
19493
20175
  <span
19494
20176
  class="pf-c-menu__item-text"
@@ -19496,8 +20178,12 @@ wrapperTag: div
19496
20178
  </span>
19497
20179
  </a>
19498
20180
  </li>
19499
- <li class="pf-c-menu__list-item">
19500
- <a class="pf-c-menu__item" href="#">
20181
+ <li class="pf-c-menu__list-item" role="none">
20182
+ <a
20183
+ class="pf-c-menu__item"
20184
+ href="#"
20185
+ role="menuitem"
20186
+ >
19501
20187
  <span class="pf-c-menu__item-main">
19502
20188
  <span
19503
20189
  class="pf-c-menu__item-text"
@@ -19510,8 +20196,12 @@ wrapperTag: div
19510
20196
  </div>
19511
20197
  </li>
19512
20198
 
19513
- <li class="pf-c-menu__list-item">
19514
- <button class="pf-c-menu__item" type="button">
20199
+ <li class="pf-c-menu__list-item" role="none">
20200
+ <button
20201
+ class="pf-c-menu__item"
20202
+ type="button"
20203
+ role="menuitem"
20204
+ >
19515
20205
  <span class="pf-c-menu__item-main">
19516
20206
  <span class="pf-c-menu__item-icon">
19517
20207
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -19526,7 +20216,11 @@ wrapperTag: div
19526
20216
  </button>
19527
20217
  <div class="pf-c-menu" hidden>
19528
20218
  <div class="pf-c-menu__header">
19529
- <button class="pf-c-menu__item" type="button">
20219
+ <button
20220
+ class="pf-c-menu__item"
20221
+ type="button"
20222
+ role="menuitem"
20223
+ >
19530
20224
  <span class="pf-c-menu__item-main">
19531
20225
  <span class="pf-c-menu__item-toggle-icon">
19532
20226
  <i class="fas fa-angle-left"></i>
@@ -19557,9 +20251,13 @@ wrapperTag: div
19557
20251
  <hr class="pf-c-divider" />
19558
20252
  <section class="pf-c-menu__group">
19559
20253
  <h1 class="pf-c-menu__group-title">Favorites</h1>
19560
- <ul class="pf-c-menu__list">
19561
- <li class="pf-c-menu__list-item">
19562
- <a class="pf-c-menu__item" href="#">
20254
+ <ul class="pf-c-menu__list" role="menu">
20255
+ <li class="pf-c-menu__list-item" role="none">
20256
+ <a
20257
+ class="pf-c-menu__item"
20258
+ href="#"
20259
+ role="menuitem"
20260
+ >
19563
20261
  <span class="pf-c-menu__item-main">
19564
20262
  <span
19565
20263
  class="pf-c-menu__item-text"
@@ -19579,10 +20277,11 @@ wrapperTag: div
19579
20277
  </span>
19580
20278
  </button>
19581
20279
  </li>
19582
- <li class="pf-c-menu__list-item">
20280
+ <li class="pf-c-menu__list-item" role="none">
19583
20281
  <a
19584
20282
  class="pf-c-menu__item"
19585
20283
  href="#"
20284
+ role="menuitem"
19586
20285
  target="_blank"
19587
20286
  >
19588
20287
  <span class="pf-c-menu__item-main">
@@ -19620,9 +20319,13 @@ wrapperTag: div
19620
20319
  <hr class="pf-c-divider" />
19621
20320
  <section class="pf-c-menu__group">
19622
20321
  <h1 class="pf-c-menu__group-title">Group 1</h1>
19623
- <ul class="pf-c-menu__list">
19624
- <li class="pf-c-menu__list-item">
19625
- <a class="pf-c-menu__item" href="#">
20322
+ <ul class="pf-c-menu__list" role="menu">
20323
+ <li class="pf-c-menu__list-item" role="none">
20324
+ <a
20325
+ class="pf-c-menu__item"
20326
+ href="#"
20327
+ role="menuitem"
20328
+ >
19626
20329
  <span class="pf-c-menu__item-main">
19627
20330
  <span
19628
20331
  class="pf-c-menu__item-text"
@@ -19642,10 +20345,11 @@ wrapperTag: div
19642
20345
  </span>
19643
20346
  </button>
19644
20347
  </li>
19645
- <li class="pf-c-menu__list-item">
20348
+ <li class="pf-c-menu__list-item" role="none">
19646
20349
  <a
19647
20350
  class="pf-c-menu__item"
19648
20351
  href="#"
20352
+ role="menuitem"
19649
20353
  target="_blank"
19650
20354
  >
19651
20355
  <span class="pf-c-menu__item-main">
@@ -21015,12 +21719,16 @@ wrapperTag: div
21015
21719
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
21016
21720
  <div class="pf-c-menu__content">
21017
21721
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
21018
- <ul class="pf-c-menu__list">
21019
- <li class="pf-c-menu__list-item pf-m-disabled">
21722
+ <ul class="pf-c-menu__list" role="menu">
21723
+ <li
21724
+ class="pf-c-menu__list-item pf-m-disabled"
21725
+ role="none"
21726
+ >
21020
21727
  <button
21021
21728
  class="pf-c-menu__item"
21022
21729
  type="button"
21023
21730
  disabled
21731
+ role="menuitem"
21024
21732
  >
21025
21733
  <span class="pf-c-menu__item-description">
21026
21734
  <div class="pf-u-font-size-sm">Username:</div>
@@ -21030,11 +21738,15 @@ wrapperTag: div
21030
21738
  </span>
21031
21739
  </button>
21032
21740
  </li>
21033
- <li class="pf-c-menu__list-item pf-m-disabled">
21741
+ <li
21742
+ class="pf-c-menu__list-item pf-m-disabled"
21743
+ role="none"
21744
+ >
21034
21745
  <button
21035
21746
  class="pf-c-menu__item"
21036
21747
  type="button"
21037
21748
  disabled
21749
+ role="menuitem"
21038
21750
  >
21039
21751
  <span class="pf-c-menu__item-description">
21040
21752
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -21043,15 +21755,23 @@ wrapperTag: div
21043
21755
  </button>
21044
21756
  </li>
21045
21757
  <li class="pf-c-divider" role="separator"></li>
21046
- <li class="pf-c-menu__list-item">
21047
- <button class="pf-c-menu__item" type="button">
21758
+ <li class="pf-c-menu__list-item" role="none">
21759
+ <button
21760
+ class="pf-c-menu__item"
21761
+ type="button"
21762
+ role="menuitem"
21763
+ >
21048
21764
  <span class="pf-c-menu__item-main">
21049
21765
  <span class="pf-c-menu__item-text">My profile</span>
21050
21766
  </span>
21051
21767
  </button>
21052
21768
  </li>
21053
- <li class="pf-c-menu__list-item">
21054
- <button class="pf-c-menu__item" type="button">
21769
+ <li class="pf-c-menu__list-item" role="none">
21770
+ <button
21771
+ class="pf-c-menu__item"
21772
+ type="button"
21773
+ role="menuitem"
21774
+ >
21055
21775
  <span class="pf-c-menu__item-main">
21056
21776
  <span
21057
21777
  class="pf-c-menu__item-text"
@@ -21059,8 +21779,12 @@ wrapperTag: div
21059
21779
  </span>
21060
21780
  </button>
21061
21781
  </li>
21062
- <li class="pf-c-menu__list-item">
21063
- <button class="pf-c-menu__item" type="button">
21782
+ <li class="pf-c-menu__list-item" role="none">
21783
+ <button
21784
+ class="pf-c-menu__item"
21785
+ type="button"
21786
+ role="menuitem"
21787
+ >
21064
21788
  <span class="pf-c-menu__item-main">
21065
21789
  <span class="pf-c-menu__item-text">Logout</span>
21066
21790
  </span>
@@ -21070,11 +21794,12 @@ wrapperTag: div
21070
21794
  </section>
21071
21795
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
21072
21796
  <section class="pf-c-menu__group">
21073
- <ul class="pf-c-menu__list">
21074
- <li class="pf-c-menu__list-item">
21797
+ <ul class="pf-c-menu__list" role="menu">
21798
+ <li class="pf-c-menu__list-item" role="none">
21075
21799
  <button
21076
21800
  class="pf-c-menu__item"
21077
21801
  type="button"
21802
+ role="menuitem"
21078
21803
  aria-expanded="false"
21079
21804
  >
21080
21805
  <span class="pf-c-menu__item-main">
@@ -21092,13 +21817,15 @@ wrapperTag: div
21092
21817
  </button>
21093
21818
  <div class="pf-c-menu" hidden>
21094
21819
  <div class="pf-c-menu__content">
21095
- <ul class="pf-c-menu__list">
21820
+ <ul class="pf-c-menu__list" role="menu">
21096
21821
  <li
21097
21822
  class="pf-c-menu__list-item pf-m-drill-up"
21823
+ role="none"
21098
21824
  >
21099
21825
  <button
21100
21826
  class="pf-c-menu__item"
21101
21827
  type="button"
21828
+ role="menuitem"
21102
21829
  >
21103
21830
  <span class="pf-c-menu__item-main">
21104
21831
  <span
@@ -21119,8 +21846,12 @@ wrapperTag: div
21119
21846
  </button>
21120
21847
  </li>
21121
21848
  <li class="pf-c-divider" role="separator"></li>
21122
- <li class="pf-c-menu__list-item">
21123
- <a class="pf-c-menu__item" href="#">
21849
+ <li class="pf-c-menu__list-item" role="none">
21850
+ <a
21851
+ class="pf-c-menu__item"
21852
+ href="#"
21853
+ role="menuitem"
21854
+ >
21124
21855
  <span class="pf-c-menu__item-main">
21125
21856
  <span
21126
21857
  class="pf-c-menu__item-text"
@@ -21128,8 +21859,12 @@ wrapperTag: div
21128
21859
  </span>
21129
21860
  </a>
21130
21861
  </li>
21131
- <li class="pf-c-menu__list-item">
21132
- <a class="pf-c-menu__item" href="#">
21862
+ <li class="pf-c-menu__list-item" role="none">
21863
+ <a
21864
+ class="pf-c-menu__item"
21865
+ href="#"
21866
+ role="menuitem"
21867
+ >
21133
21868
  <span class="pf-c-menu__item-main">
21134
21869
  <span class="pf-c-menu__item-text">About</span>
21135
21870
  </span>
@@ -21140,10 +21875,11 @@ wrapperTag: div
21140
21875
  </div>
21141
21876
  </li>
21142
21877
 
21143
- <li class="pf-c-menu__list-item">
21878
+ <li class="pf-c-menu__list-item" role="none">
21144
21879
  <button
21145
21880
  class="pf-c-menu__item"
21146
21881
  type="button"
21882
+ role="menuitem"
21147
21883
  aria-expanded="false"
21148
21884
  >
21149
21885
  <span class="pf-c-menu__item-main">
@@ -21161,13 +21897,15 @@ wrapperTag: div
21161
21897
  </button>
21162
21898
  <div class="pf-c-menu" hidden>
21163
21899
  <div class="pf-c-menu__content">
21164
- <ul class="pf-c-menu__list">
21900
+ <ul class="pf-c-menu__list" role="menu">
21165
21901
  <li
21166
21902
  class="pf-c-menu__list-item pf-m-drill-up"
21903
+ role="none"
21167
21904
  >
21168
21905
  <button
21169
21906
  class="pf-c-menu__item"
21170
21907
  type="button"
21908
+ role="menuitem"
21171
21909
  >
21172
21910
  <span class="pf-c-menu__item-main">
21173
21911
  <span
@@ -21186,8 +21924,12 @@ wrapperTag: div
21186
21924
  </button>
21187
21925
  </li>
21188
21926
  <li class="pf-c-divider" role="separator"></li>
21189
- <li class="pf-c-menu__list-item">
21190
- <a class="pf-c-menu__item" href="#">
21927
+ <li class="pf-c-menu__list-item" role="none">
21928
+ <a
21929
+ class="pf-c-menu__item"
21930
+ href="#"
21931
+ role="menuitem"
21932
+ >
21191
21933
  <span class="pf-c-menu__item-main">
21192
21934
  <span
21193
21935
  class="pf-c-menu__item-text"
@@ -21195,8 +21937,12 @@ wrapperTag: div
21195
21937
  </span>
21196
21938
  </a>
21197
21939
  </li>
21198
- <li class="pf-c-menu__list-item">
21199
- <a class="pf-c-menu__item" href="#">
21940
+ <li class="pf-c-menu__list-item" role="none">
21941
+ <a
21942
+ class="pf-c-menu__item"
21943
+ href="#"
21944
+ role="menuitem"
21945
+ >
21200
21946
  <span class="pf-c-menu__item-main">
21201
21947
  <span
21202
21948
  class="pf-c-menu__item-text"
@@ -21204,8 +21950,12 @@ wrapperTag: div
21204
21950
  </span>
21205
21951
  </a>
21206
21952
  </li>
21207
- <li class="pf-c-menu__list-item">
21208
- <a class="pf-c-menu__item" href="#">
21953
+ <li class="pf-c-menu__list-item" role="none">
21954
+ <a
21955
+ class="pf-c-menu__item"
21956
+ href="#"
21957
+ role="menuitem"
21958
+ >
21209
21959
  <span class="pf-c-menu__item-main">
21210
21960
  <span
21211
21961
  class="pf-c-menu__item-text"
@@ -21218,8 +21968,12 @@ wrapperTag: div
21218
21968
  </div>
21219
21969
  </li>
21220
21970
 
21221
- <li class="pf-c-menu__list-item">
21222
- <button class="pf-c-menu__item" type="button">
21971
+ <li class="pf-c-menu__list-item" role="none">
21972
+ <button
21973
+ class="pf-c-menu__item"
21974
+ type="button"
21975
+ role="menuitem"
21976
+ >
21223
21977
  <span class="pf-c-menu__item-main">
21224
21978
  <span class="pf-c-menu__item-icon">
21225
21979
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -21234,7 +21988,11 @@ wrapperTag: div
21234
21988
  </button>
21235
21989
  <div class="pf-c-menu" hidden>
21236
21990
  <div class="pf-c-menu__header">
21237
- <button class="pf-c-menu__item" type="button">
21991
+ <button
21992
+ class="pf-c-menu__item"
21993
+ type="button"
21994
+ role="menuitem"
21995
+ >
21238
21996
  <span class="pf-c-menu__item-main">
21239
21997
  <span class="pf-c-menu__item-toggle-icon">
21240
21998
  <i class="fas fa-angle-left"></i>
@@ -21265,9 +22023,13 @@ wrapperTag: div
21265
22023
  <hr class="pf-c-divider" />
21266
22024
  <section class="pf-c-menu__group">
21267
22025
  <h1 class="pf-c-menu__group-title">Favorites</h1>
21268
- <ul class="pf-c-menu__list">
21269
- <li class="pf-c-menu__list-item">
21270
- <a class="pf-c-menu__item" href="#">
22026
+ <ul class="pf-c-menu__list" role="menu">
22027
+ <li class="pf-c-menu__list-item" role="none">
22028
+ <a
22029
+ class="pf-c-menu__item"
22030
+ href="#"
22031
+ role="menuitem"
22032
+ >
21271
22033
  <span class="pf-c-menu__item-main">
21272
22034
  <span
21273
22035
  class="pf-c-menu__item-text"
@@ -21287,10 +22049,11 @@ wrapperTag: div
21287
22049
  </span>
21288
22050
  </button>
21289
22051
  </li>
21290
- <li class="pf-c-menu__list-item">
22052
+ <li class="pf-c-menu__list-item" role="none">
21291
22053
  <a
21292
22054
  class="pf-c-menu__item"
21293
22055
  href="#"
22056
+ role="menuitem"
21294
22057
  target="_blank"
21295
22058
  >
21296
22059
  <span class="pf-c-menu__item-main">
@@ -21328,9 +22091,13 @@ wrapperTag: div
21328
22091
  <hr class="pf-c-divider" />
21329
22092
  <section class="pf-c-menu__group">
21330
22093
  <h1 class="pf-c-menu__group-title">Group 1</h1>
21331
- <ul class="pf-c-menu__list">
21332
- <li class="pf-c-menu__list-item">
21333
- <a class="pf-c-menu__item" href="#">
22094
+ <ul class="pf-c-menu__list" role="menu">
22095
+ <li class="pf-c-menu__list-item" role="none">
22096
+ <a
22097
+ class="pf-c-menu__item"
22098
+ href="#"
22099
+ role="menuitem"
22100
+ >
21334
22101
  <span class="pf-c-menu__item-main">
21335
22102
  <span
21336
22103
  class="pf-c-menu__item-text"
@@ -21350,10 +22117,11 @@ wrapperTag: div
21350
22117
  </span>
21351
22118
  </button>
21352
22119
  </li>
21353
- <li class="pf-c-menu__list-item">
22120
+ <li class="pf-c-menu__list-item" role="none">
21354
22121
  <a
21355
22122
  class="pf-c-menu__item"
21356
22123
  href="#"
22124
+ role="menuitem"
21357
22125
  target="_blank"
21358
22126
  >
21359
22127
  <span class="pf-c-menu__item-main">
@@ -22745,12 +23513,16 @@ wrapperTag: div
22745
23513
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
22746
23514
  <div class="pf-c-menu__content">
22747
23515
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
22748
- <ul class="pf-c-menu__list">
22749
- <li class="pf-c-menu__list-item pf-m-disabled">
23516
+ <ul class="pf-c-menu__list" role="menu">
23517
+ <li
23518
+ class="pf-c-menu__list-item pf-m-disabled"
23519
+ role="none"
23520
+ >
22750
23521
  <button
22751
23522
  class="pf-c-menu__item"
22752
23523
  type="button"
22753
23524
  disabled
23525
+ role="menuitem"
22754
23526
  >
22755
23527
  <span class="pf-c-menu__item-description">
22756
23528
  <div class="pf-u-font-size-sm">Username:</div>
@@ -22760,11 +23532,15 @@ wrapperTag: div
22760
23532
  </span>
22761
23533
  </button>
22762
23534
  </li>
22763
- <li class="pf-c-menu__list-item pf-m-disabled">
23535
+ <li
23536
+ class="pf-c-menu__list-item pf-m-disabled"
23537
+ role="none"
23538
+ >
22764
23539
  <button
22765
23540
  class="pf-c-menu__item"
22766
23541
  type="button"
22767
23542
  disabled
23543
+ role="menuitem"
22768
23544
  >
22769
23545
  <span class="pf-c-menu__item-description">
22770
23546
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -22773,15 +23549,23 @@ wrapperTag: div
22773
23549
  </button>
22774
23550
  </li>
22775
23551
  <li class="pf-c-divider" role="separator"></li>
22776
- <li class="pf-c-menu__list-item">
22777
- <button class="pf-c-menu__item" type="button">
23552
+ <li class="pf-c-menu__list-item" role="none">
23553
+ <button
23554
+ class="pf-c-menu__item"
23555
+ type="button"
23556
+ role="menuitem"
23557
+ >
22778
23558
  <span class="pf-c-menu__item-main">
22779
23559
  <span class="pf-c-menu__item-text">My profile</span>
22780
23560
  </span>
22781
23561
  </button>
22782
23562
  </li>
22783
- <li class="pf-c-menu__list-item">
22784
- <button class="pf-c-menu__item" type="button">
23563
+ <li class="pf-c-menu__list-item" role="none">
23564
+ <button
23565
+ class="pf-c-menu__item"
23566
+ type="button"
23567
+ role="menuitem"
23568
+ >
22785
23569
  <span class="pf-c-menu__item-main">
22786
23570
  <span
22787
23571
  class="pf-c-menu__item-text"
@@ -22789,8 +23573,12 @@ wrapperTag: div
22789
23573
  </span>
22790
23574
  </button>
22791
23575
  </li>
22792
- <li class="pf-c-menu__list-item">
22793
- <button class="pf-c-menu__item" type="button">
23576
+ <li class="pf-c-menu__list-item" role="none">
23577
+ <button
23578
+ class="pf-c-menu__item"
23579
+ type="button"
23580
+ role="menuitem"
23581
+ >
22794
23582
  <span class="pf-c-menu__item-main">
22795
23583
  <span class="pf-c-menu__item-text">Logout</span>
22796
23584
  </span>
@@ -22800,11 +23588,12 @@ wrapperTag: div
22800
23588
  </section>
22801
23589
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
22802
23590
  <section class="pf-c-menu__group">
22803
- <ul class="pf-c-menu__list">
22804
- <li class="pf-c-menu__list-item">
23591
+ <ul class="pf-c-menu__list" role="menu">
23592
+ <li class="pf-c-menu__list-item" role="none">
22805
23593
  <button
22806
23594
  class="pf-c-menu__item"
22807
23595
  type="button"
23596
+ role="menuitem"
22808
23597
  aria-expanded="false"
22809
23598
  >
22810
23599
  <span class="pf-c-menu__item-main">
@@ -22822,13 +23611,15 @@ wrapperTag: div
22822
23611
  </button>
22823
23612
  <div class="pf-c-menu" hidden>
22824
23613
  <div class="pf-c-menu__content">
22825
- <ul class="pf-c-menu__list">
23614
+ <ul class="pf-c-menu__list" role="menu">
22826
23615
  <li
22827
23616
  class="pf-c-menu__list-item pf-m-drill-up"
23617
+ role="none"
22828
23618
  >
22829
23619
  <button
22830
23620
  class="pf-c-menu__item"
22831
23621
  type="button"
23622
+ role="menuitem"
22832
23623
  >
22833
23624
  <span class="pf-c-menu__item-main">
22834
23625
  <span
@@ -22849,8 +23640,12 @@ wrapperTag: div
22849
23640
  </button>
22850
23641
  </li>
22851
23642
  <li class="pf-c-divider" role="separator"></li>
22852
- <li class="pf-c-menu__list-item">
22853
- <a class="pf-c-menu__item" href="#">
23643
+ <li class="pf-c-menu__list-item" role="none">
23644
+ <a
23645
+ class="pf-c-menu__item"
23646
+ href="#"
23647
+ role="menuitem"
23648
+ >
22854
23649
  <span class="pf-c-menu__item-main">
22855
23650
  <span
22856
23651
  class="pf-c-menu__item-text"
@@ -22858,8 +23653,12 @@ wrapperTag: div
22858
23653
  </span>
22859
23654
  </a>
22860
23655
  </li>
22861
- <li class="pf-c-menu__list-item">
22862
- <a class="pf-c-menu__item" href="#">
23656
+ <li class="pf-c-menu__list-item" role="none">
23657
+ <a
23658
+ class="pf-c-menu__item"
23659
+ href="#"
23660
+ role="menuitem"
23661
+ >
22863
23662
  <span class="pf-c-menu__item-main">
22864
23663
  <span class="pf-c-menu__item-text">About</span>
22865
23664
  </span>
@@ -22870,10 +23669,11 @@ wrapperTag: div
22870
23669
  </div>
22871
23670
  </li>
22872
23671
 
22873
- <li class="pf-c-menu__list-item">
23672
+ <li class="pf-c-menu__list-item" role="none">
22874
23673
  <button
22875
23674
  class="pf-c-menu__item"
22876
23675
  type="button"
23676
+ role="menuitem"
22877
23677
  aria-expanded="false"
22878
23678
  >
22879
23679
  <span class="pf-c-menu__item-main">
@@ -22891,13 +23691,15 @@ wrapperTag: div
22891
23691
  </button>
22892
23692
  <div class="pf-c-menu" hidden>
22893
23693
  <div class="pf-c-menu__content">
22894
- <ul class="pf-c-menu__list">
23694
+ <ul class="pf-c-menu__list" role="menu">
22895
23695
  <li
22896
23696
  class="pf-c-menu__list-item pf-m-drill-up"
23697
+ role="none"
22897
23698
  >
22898
23699
  <button
22899
23700
  class="pf-c-menu__item"
22900
23701
  type="button"
23702
+ role="menuitem"
22901
23703
  >
22902
23704
  <span class="pf-c-menu__item-main">
22903
23705
  <span
@@ -22916,8 +23718,12 @@ wrapperTag: div
22916
23718
  </button>
22917
23719
  </li>
22918
23720
  <li class="pf-c-divider" role="separator"></li>
22919
- <li class="pf-c-menu__list-item">
22920
- <a class="pf-c-menu__item" href="#">
23721
+ <li class="pf-c-menu__list-item" role="none">
23722
+ <a
23723
+ class="pf-c-menu__item"
23724
+ href="#"
23725
+ role="menuitem"
23726
+ >
22921
23727
  <span class="pf-c-menu__item-main">
22922
23728
  <span
22923
23729
  class="pf-c-menu__item-text"
@@ -22925,8 +23731,12 @@ wrapperTag: div
22925
23731
  </span>
22926
23732
  </a>
22927
23733
  </li>
22928
- <li class="pf-c-menu__list-item">
22929
- <a class="pf-c-menu__item" href="#">
23734
+ <li class="pf-c-menu__list-item" role="none">
23735
+ <a
23736
+ class="pf-c-menu__item"
23737
+ href="#"
23738
+ role="menuitem"
23739
+ >
22930
23740
  <span class="pf-c-menu__item-main">
22931
23741
  <span
22932
23742
  class="pf-c-menu__item-text"
@@ -22934,8 +23744,12 @@ wrapperTag: div
22934
23744
  </span>
22935
23745
  </a>
22936
23746
  </li>
22937
- <li class="pf-c-menu__list-item">
22938
- <a class="pf-c-menu__item" href="#">
23747
+ <li class="pf-c-menu__list-item" role="none">
23748
+ <a
23749
+ class="pf-c-menu__item"
23750
+ href="#"
23751
+ role="menuitem"
23752
+ >
22939
23753
  <span class="pf-c-menu__item-main">
22940
23754
  <span
22941
23755
  class="pf-c-menu__item-text"
@@ -22948,8 +23762,12 @@ wrapperTag: div
22948
23762
  </div>
22949
23763
  </li>
22950
23764
 
22951
- <li class="pf-c-menu__list-item">
22952
- <button class="pf-c-menu__item" type="button">
23765
+ <li class="pf-c-menu__list-item" role="none">
23766
+ <button
23767
+ class="pf-c-menu__item"
23768
+ type="button"
23769
+ role="menuitem"
23770
+ >
22953
23771
  <span class="pf-c-menu__item-main">
22954
23772
  <span class="pf-c-menu__item-icon">
22955
23773
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -22964,7 +23782,11 @@ wrapperTag: div
22964
23782
  </button>
22965
23783
  <div class="pf-c-menu" hidden>
22966
23784
  <div class="pf-c-menu__header">
22967
- <button class="pf-c-menu__item" type="button">
23785
+ <button
23786
+ class="pf-c-menu__item"
23787
+ type="button"
23788
+ role="menuitem"
23789
+ >
22968
23790
  <span class="pf-c-menu__item-main">
22969
23791
  <span class="pf-c-menu__item-toggle-icon">
22970
23792
  <i class="fas fa-angle-left"></i>
@@ -22995,9 +23817,13 @@ wrapperTag: div
22995
23817
  <hr class="pf-c-divider" />
22996
23818
  <section class="pf-c-menu__group">
22997
23819
  <h1 class="pf-c-menu__group-title">Favorites</h1>
22998
- <ul class="pf-c-menu__list">
22999
- <li class="pf-c-menu__list-item">
23000
- <a class="pf-c-menu__item" href="#">
23820
+ <ul class="pf-c-menu__list" role="menu">
23821
+ <li class="pf-c-menu__list-item" role="none">
23822
+ <a
23823
+ class="pf-c-menu__item"
23824
+ href="#"
23825
+ role="menuitem"
23826
+ >
23001
23827
  <span class="pf-c-menu__item-main">
23002
23828
  <span
23003
23829
  class="pf-c-menu__item-text"
@@ -23017,10 +23843,11 @@ wrapperTag: div
23017
23843
  </span>
23018
23844
  </button>
23019
23845
  </li>
23020
- <li class="pf-c-menu__list-item">
23846
+ <li class="pf-c-menu__list-item" role="none">
23021
23847
  <a
23022
23848
  class="pf-c-menu__item"
23023
23849
  href="#"
23850
+ role="menuitem"
23024
23851
  target="_blank"
23025
23852
  >
23026
23853
  <span class="pf-c-menu__item-main">
@@ -23058,9 +23885,13 @@ wrapperTag: div
23058
23885
  <hr class="pf-c-divider" />
23059
23886
  <section class="pf-c-menu__group">
23060
23887
  <h1 class="pf-c-menu__group-title">Group 1</h1>
23061
- <ul class="pf-c-menu__list">
23062
- <li class="pf-c-menu__list-item">
23063
- <a class="pf-c-menu__item" href="#">
23888
+ <ul class="pf-c-menu__list" role="menu">
23889
+ <li class="pf-c-menu__list-item" role="none">
23890
+ <a
23891
+ class="pf-c-menu__item"
23892
+ href="#"
23893
+ role="menuitem"
23894
+ >
23064
23895
  <span class="pf-c-menu__item-main">
23065
23896
  <span
23066
23897
  class="pf-c-menu__item-text"
@@ -23080,10 +23911,11 @@ wrapperTag: div
23080
23911
  </span>
23081
23912
  </button>
23082
23913
  </li>
23083
- <li class="pf-c-menu__list-item">
23914
+ <li class="pf-c-menu__list-item" role="none">
23084
23915
  <a
23085
23916
  class="pf-c-menu__item"
23086
23917
  href="#"
23918
+ role="menuitem"
23087
23919
  target="_blank"
23088
23920
  >
23089
23921
  <span class="pf-c-menu__item-main">