@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/Page/examples/Page.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">
@@ -1141,12 +1205,16 @@ wrapperTag: div
1141
1205
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
1142
1206
  <div class="pf-c-menu__content">
1143
1207
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
1144
- <ul class="pf-c-menu__list">
1145
- <li class="pf-c-menu__list-item pf-m-disabled">
1208
+ <ul class="pf-c-menu__list" role="menu">
1209
+ <li
1210
+ class="pf-c-menu__list-item pf-m-disabled"
1211
+ role="none"
1212
+ >
1146
1213
  <button
1147
1214
  class="pf-c-menu__item"
1148
1215
  type="button"
1149
1216
  disabled
1217
+ role="menuitem"
1150
1218
  >
1151
1219
  <span class="pf-c-menu__item-description">
1152
1220
  <div class="pf-u-font-size-sm">Username:</div>
@@ -1156,11 +1224,15 @@ wrapperTag: div
1156
1224
  </span>
1157
1225
  </button>
1158
1226
  </li>
1159
- <li class="pf-c-menu__list-item pf-m-disabled">
1227
+ <li
1228
+ class="pf-c-menu__list-item pf-m-disabled"
1229
+ role="none"
1230
+ >
1160
1231
  <button
1161
1232
  class="pf-c-menu__item"
1162
1233
  type="button"
1163
1234
  disabled
1235
+ role="menuitem"
1164
1236
  >
1165
1237
  <span class="pf-c-menu__item-description">
1166
1238
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -1169,15 +1241,23 @@ wrapperTag: div
1169
1241
  </button>
1170
1242
  </li>
1171
1243
  <li class="pf-c-divider" role="separator"></li>
1172
- <li class="pf-c-menu__list-item">
1173
- <button class="pf-c-menu__item" type="button">
1244
+ <li class="pf-c-menu__list-item" role="none">
1245
+ <button
1246
+ class="pf-c-menu__item"
1247
+ type="button"
1248
+ role="menuitem"
1249
+ >
1174
1250
  <span class="pf-c-menu__item-main">
1175
1251
  <span class="pf-c-menu__item-text">My profile</span>
1176
1252
  </span>
1177
1253
  </button>
1178
1254
  </li>
1179
- <li class="pf-c-menu__list-item">
1180
- <button class="pf-c-menu__item" type="button">
1255
+ <li class="pf-c-menu__list-item" role="none">
1256
+ <button
1257
+ class="pf-c-menu__item"
1258
+ type="button"
1259
+ role="menuitem"
1260
+ >
1181
1261
  <span class="pf-c-menu__item-main">
1182
1262
  <span
1183
1263
  class="pf-c-menu__item-text"
@@ -1185,8 +1265,12 @@ wrapperTag: div
1185
1265
  </span>
1186
1266
  </button>
1187
1267
  </li>
1188
- <li class="pf-c-menu__list-item">
1189
- <button class="pf-c-menu__item" type="button">
1268
+ <li class="pf-c-menu__list-item" role="none">
1269
+ <button
1270
+ class="pf-c-menu__item"
1271
+ type="button"
1272
+ role="menuitem"
1273
+ >
1190
1274
  <span class="pf-c-menu__item-main">
1191
1275
  <span class="pf-c-menu__item-text">Logout</span>
1192
1276
  </span>
@@ -1196,11 +1280,12 @@ wrapperTag: div
1196
1280
  </section>
1197
1281
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
1198
1282
  <section class="pf-c-menu__group">
1199
- <ul class="pf-c-menu__list">
1200
- <li class="pf-c-menu__list-item">
1283
+ <ul class="pf-c-menu__list" role="menu">
1284
+ <li class="pf-c-menu__list-item" role="none">
1201
1285
  <button
1202
1286
  class="pf-c-menu__item"
1203
1287
  type="button"
1288
+ role="menuitem"
1204
1289
  aria-expanded="false"
1205
1290
  >
1206
1291
  <span class="pf-c-menu__item-main">
@@ -1218,13 +1303,15 @@ wrapperTag: div
1218
1303
  </button>
1219
1304
  <div class="pf-c-menu" hidden>
1220
1305
  <div class="pf-c-menu__content">
1221
- <ul class="pf-c-menu__list">
1306
+ <ul class="pf-c-menu__list" role="menu">
1222
1307
  <li
1223
1308
  class="pf-c-menu__list-item pf-m-drill-up"
1309
+ role="none"
1224
1310
  >
1225
1311
  <button
1226
1312
  class="pf-c-menu__item"
1227
1313
  type="button"
1314
+ role="menuitem"
1228
1315
  >
1229
1316
  <span class="pf-c-menu__item-main">
1230
1317
  <span
@@ -1245,8 +1332,12 @@ wrapperTag: div
1245
1332
  </button>
1246
1333
  </li>
1247
1334
  <li class="pf-c-divider" role="separator"></li>
1248
- <li class="pf-c-menu__list-item">
1249
- <a class="pf-c-menu__item" href="#">
1335
+ <li class="pf-c-menu__list-item" role="none">
1336
+ <a
1337
+ class="pf-c-menu__item"
1338
+ href="#"
1339
+ role="menuitem"
1340
+ >
1250
1341
  <span class="pf-c-menu__item-main">
1251
1342
  <span
1252
1343
  class="pf-c-menu__item-text"
@@ -1254,8 +1345,12 @@ wrapperTag: div
1254
1345
  </span>
1255
1346
  </a>
1256
1347
  </li>
1257
- <li class="pf-c-menu__list-item">
1258
- <a class="pf-c-menu__item" href="#">
1348
+ <li class="pf-c-menu__list-item" role="none">
1349
+ <a
1350
+ class="pf-c-menu__item"
1351
+ href="#"
1352
+ role="menuitem"
1353
+ >
1259
1354
  <span class="pf-c-menu__item-main">
1260
1355
  <span class="pf-c-menu__item-text">About</span>
1261
1356
  </span>
@@ -1266,10 +1361,11 @@ wrapperTag: div
1266
1361
  </div>
1267
1362
  </li>
1268
1363
 
1269
- <li class="pf-c-menu__list-item">
1364
+ <li class="pf-c-menu__list-item" role="none">
1270
1365
  <button
1271
1366
  class="pf-c-menu__item"
1272
1367
  type="button"
1368
+ role="menuitem"
1273
1369
  aria-expanded="false"
1274
1370
  >
1275
1371
  <span class="pf-c-menu__item-main">
@@ -1287,13 +1383,15 @@ wrapperTag: div
1287
1383
  </button>
1288
1384
  <div class="pf-c-menu" hidden>
1289
1385
  <div class="pf-c-menu__content">
1290
- <ul class="pf-c-menu__list">
1386
+ <ul class="pf-c-menu__list" role="menu">
1291
1387
  <li
1292
1388
  class="pf-c-menu__list-item pf-m-drill-up"
1389
+ role="none"
1293
1390
  >
1294
1391
  <button
1295
1392
  class="pf-c-menu__item"
1296
1393
  type="button"
1394
+ role="menuitem"
1297
1395
  >
1298
1396
  <span class="pf-c-menu__item-main">
1299
1397
  <span
@@ -1312,8 +1410,12 @@ wrapperTag: div
1312
1410
  </button>
1313
1411
  </li>
1314
1412
  <li class="pf-c-divider" role="separator"></li>
1315
- <li class="pf-c-menu__list-item">
1316
- <a class="pf-c-menu__item" href="#">
1413
+ <li class="pf-c-menu__list-item" role="none">
1414
+ <a
1415
+ class="pf-c-menu__item"
1416
+ href="#"
1417
+ role="menuitem"
1418
+ >
1317
1419
  <span class="pf-c-menu__item-main">
1318
1420
  <span
1319
1421
  class="pf-c-menu__item-text"
@@ -1321,8 +1423,12 @@ wrapperTag: div
1321
1423
  </span>
1322
1424
  </a>
1323
1425
  </li>
1324
- <li class="pf-c-menu__list-item">
1325
- <a class="pf-c-menu__item" href="#">
1426
+ <li class="pf-c-menu__list-item" role="none">
1427
+ <a
1428
+ class="pf-c-menu__item"
1429
+ href="#"
1430
+ role="menuitem"
1431
+ >
1326
1432
  <span class="pf-c-menu__item-main">
1327
1433
  <span
1328
1434
  class="pf-c-menu__item-text"
@@ -1330,8 +1436,12 @@ wrapperTag: div
1330
1436
  </span>
1331
1437
  </a>
1332
1438
  </li>
1333
- <li class="pf-c-menu__list-item">
1334
- <a class="pf-c-menu__item" href="#">
1439
+ <li class="pf-c-menu__list-item" role="none">
1440
+ <a
1441
+ class="pf-c-menu__item"
1442
+ href="#"
1443
+ role="menuitem"
1444
+ >
1335
1445
  <span class="pf-c-menu__item-main">
1336
1446
  <span
1337
1447
  class="pf-c-menu__item-text"
@@ -1344,8 +1454,12 @@ wrapperTag: div
1344
1454
  </div>
1345
1455
  </li>
1346
1456
 
1347
- <li class="pf-c-menu__list-item">
1348
- <button class="pf-c-menu__item" type="button">
1457
+ <li class="pf-c-menu__list-item" role="none">
1458
+ <button
1459
+ class="pf-c-menu__item"
1460
+ type="button"
1461
+ role="menuitem"
1462
+ >
1349
1463
  <span class="pf-c-menu__item-main">
1350
1464
  <span class="pf-c-menu__item-icon">
1351
1465
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -1360,7 +1474,11 @@ wrapperTag: div
1360
1474
  </button>
1361
1475
  <div class="pf-c-menu" hidden>
1362
1476
  <div class="pf-c-menu__header">
1363
- <button class="pf-c-menu__item" type="button">
1477
+ <button
1478
+ class="pf-c-menu__item"
1479
+ type="button"
1480
+ role="menuitem"
1481
+ >
1364
1482
  <span class="pf-c-menu__item-main">
1365
1483
  <span class="pf-c-menu__item-toggle-icon">
1366
1484
  <i class="fas fa-angle-left"></i>
@@ -1391,9 +1509,13 @@ wrapperTag: div
1391
1509
  <hr class="pf-c-divider" />
1392
1510
  <section class="pf-c-menu__group">
1393
1511
  <h1 class="pf-c-menu__group-title">Favorites</h1>
1394
- <ul class="pf-c-menu__list">
1395
- <li class="pf-c-menu__list-item">
1396
- <a class="pf-c-menu__item" href="#">
1512
+ <ul class="pf-c-menu__list" role="menu">
1513
+ <li class="pf-c-menu__list-item" role="none">
1514
+ <a
1515
+ class="pf-c-menu__item"
1516
+ href="#"
1517
+ role="menuitem"
1518
+ >
1397
1519
  <span class="pf-c-menu__item-main">
1398
1520
  <span
1399
1521
  class="pf-c-menu__item-text"
@@ -1413,10 +1535,11 @@ wrapperTag: div
1413
1535
  </span>
1414
1536
  </button>
1415
1537
  </li>
1416
- <li class="pf-c-menu__list-item">
1538
+ <li class="pf-c-menu__list-item" role="none">
1417
1539
  <a
1418
1540
  class="pf-c-menu__item"
1419
1541
  href="#"
1542
+ role="menuitem"
1420
1543
  target="_blank"
1421
1544
  >
1422
1545
  <span class="pf-c-menu__item-main">
@@ -1454,9 +1577,13 @@ wrapperTag: div
1454
1577
  <hr class="pf-c-divider" />
1455
1578
  <section class="pf-c-menu__group">
1456
1579
  <h1 class="pf-c-menu__group-title">Group 1</h1>
1457
- <ul class="pf-c-menu__list">
1458
- <li class="pf-c-menu__list-item">
1459
- <a class="pf-c-menu__item" href="#">
1580
+ <ul class="pf-c-menu__list" role="menu">
1581
+ <li class="pf-c-menu__list-item" role="none">
1582
+ <a
1583
+ class="pf-c-menu__item"
1584
+ href="#"
1585
+ role="menuitem"
1586
+ >
1460
1587
  <span class="pf-c-menu__item-main">
1461
1588
  <span
1462
1589
  class="pf-c-menu__item-text"
@@ -1476,10 +1603,11 @@ wrapperTag: div
1476
1603
  </span>
1477
1604
  </button>
1478
1605
  </li>
1479
- <li class="pf-c-menu__list-item">
1606
+ <li class="pf-c-menu__list-item" role="none">
1480
1607
  <a
1481
1608
  class="pf-c-menu__item"
1482
1609
  href="#"
1610
+ role="menuitem"
1483
1611
  target="_blank"
1484
1612
  >
1485
1613
  <span class="pf-c-menu__item-main">
@@ -2241,12 +2369,16 @@ wrapperTag: div
2241
2369
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
2242
2370
  <div class="pf-c-menu__content">
2243
2371
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
2244
- <ul class="pf-c-menu__list">
2245
- <li class="pf-c-menu__list-item pf-m-disabled">
2372
+ <ul class="pf-c-menu__list" role="menu">
2373
+ <li
2374
+ class="pf-c-menu__list-item pf-m-disabled"
2375
+ role="none"
2376
+ >
2246
2377
  <button
2247
2378
  class="pf-c-menu__item"
2248
2379
  type="button"
2249
2380
  disabled
2381
+ role="menuitem"
2250
2382
  >
2251
2383
  <span class="pf-c-menu__item-description">
2252
2384
  <div class="pf-u-font-size-sm">Username:</div>
@@ -2256,11 +2388,15 @@ wrapperTag: div
2256
2388
  </span>
2257
2389
  </button>
2258
2390
  </li>
2259
- <li class="pf-c-menu__list-item pf-m-disabled">
2391
+ <li
2392
+ class="pf-c-menu__list-item pf-m-disabled"
2393
+ role="none"
2394
+ >
2260
2395
  <button
2261
2396
  class="pf-c-menu__item"
2262
2397
  type="button"
2263
2398
  disabled
2399
+ role="menuitem"
2264
2400
  >
2265
2401
  <span class="pf-c-menu__item-description">
2266
2402
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -2269,15 +2405,23 @@ wrapperTag: div
2269
2405
  </button>
2270
2406
  </li>
2271
2407
  <li class="pf-c-divider" role="separator"></li>
2272
- <li class="pf-c-menu__list-item">
2273
- <button class="pf-c-menu__item" type="button">
2408
+ <li class="pf-c-menu__list-item" role="none">
2409
+ <button
2410
+ class="pf-c-menu__item"
2411
+ type="button"
2412
+ role="menuitem"
2413
+ >
2274
2414
  <span class="pf-c-menu__item-main">
2275
2415
  <span class="pf-c-menu__item-text">My profile</span>
2276
2416
  </span>
2277
2417
  </button>
2278
2418
  </li>
2279
- <li class="pf-c-menu__list-item">
2280
- <button class="pf-c-menu__item" type="button">
2419
+ <li class="pf-c-menu__list-item" role="none">
2420
+ <button
2421
+ class="pf-c-menu__item"
2422
+ type="button"
2423
+ role="menuitem"
2424
+ >
2281
2425
  <span class="pf-c-menu__item-main">
2282
2426
  <span
2283
2427
  class="pf-c-menu__item-text"
@@ -2285,8 +2429,12 @@ wrapperTag: div
2285
2429
  </span>
2286
2430
  </button>
2287
2431
  </li>
2288
- <li class="pf-c-menu__list-item">
2289
- <button class="pf-c-menu__item" type="button">
2432
+ <li class="pf-c-menu__list-item" role="none">
2433
+ <button
2434
+ class="pf-c-menu__item"
2435
+ type="button"
2436
+ role="menuitem"
2437
+ >
2290
2438
  <span class="pf-c-menu__item-main">
2291
2439
  <span class="pf-c-menu__item-text">Logout</span>
2292
2440
  </span>
@@ -2296,11 +2444,12 @@ wrapperTag: div
2296
2444
  </section>
2297
2445
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
2298
2446
  <section class="pf-c-menu__group">
2299
- <ul class="pf-c-menu__list">
2300
- <li class="pf-c-menu__list-item">
2447
+ <ul class="pf-c-menu__list" role="menu">
2448
+ <li class="pf-c-menu__list-item" role="none">
2301
2449
  <button
2302
2450
  class="pf-c-menu__item"
2303
2451
  type="button"
2452
+ role="menuitem"
2304
2453
  aria-expanded="false"
2305
2454
  >
2306
2455
  <span class="pf-c-menu__item-main">
@@ -2318,13 +2467,15 @@ wrapperTag: div
2318
2467
  </button>
2319
2468
  <div class="pf-c-menu" hidden>
2320
2469
  <div class="pf-c-menu__content">
2321
- <ul class="pf-c-menu__list">
2470
+ <ul class="pf-c-menu__list" role="menu">
2322
2471
  <li
2323
2472
  class="pf-c-menu__list-item pf-m-drill-up"
2473
+ role="none"
2324
2474
  >
2325
2475
  <button
2326
2476
  class="pf-c-menu__item"
2327
2477
  type="button"
2478
+ role="menuitem"
2328
2479
  >
2329
2480
  <span class="pf-c-menu__item-main">
2330
2481
  <span
@@ -2345,8 +2496,12 @@ wrapperTag: div
2345
2496
  </button>
2346
2497
  </li>
2347
2498
  <li class="pf-c-divider" role="separator"></li>
2348
- <li class="pf-c-menu__list-item">
2349
- <a class="pf-c-menu__item" href="#">
2499
+ <li class="pf-c-menu__list-item" role="none">
2500
+ <a
2501
+ class="pf-c-menu__item"
2502
+ href="#"
2503
+ role="menuitem"
2504
+ >
2350
2505
  <span class="pf-c-menu__item-main">
2351
2506
  <span
2352
2507
  class="pf-c-menu__item-text"
@@ -2354,8 +2509,12 @@ wrapperTag: div
2354
2509
  </span>
2355
2510
  </a>
2356
2511
  </li>
2357
- <li class="pf-c-menu__list-item">
2358
- <a class="pf-c-menu__item" href="#">
2512
+ <li class="pf-c-menu__list-item" role="none">
2513
+ <a
2514
+ class="pf-c-menu__item"
2515
+ href="#"
2516
+ role="menuitem"
2517
+ >
2359
2518
  <span class="pf-c-menu__item-main">
2360
2519
  <span class="pf-c-menu__item-text">About</span>
2361
2520
  </span>
@@ -2366,10 +2525,11 @@ wrapperTag: div
2366
2525
  </div>
2367
2526
  </li>
2368
2527
 
2369
- <li class="pf-c-menu__list-item">
2528
+ <li class="pf-c-menu__list-item" role="none">
2370
2529
  <button
2371
2530
  class="pf-c-menu__item"
2372
2531
  type="button"
2532
+ role="menuitem"
2373
2533
  aria-expanded="false"
2374
2534
  >
2375
2535
  <span class="pf-c-menu__item-main">
@@ -2387,13 +2547,15 @@ wrapperTag: div
2387
2547
  </button>
2388
2548
  <div class="pf-c-menu" hidden>
2389
2549
  <div class="pf-c-menu__content">
2390
- <ul class="pf-c-menu__list">
2550
+ <ul class="pf-c-menu__list" role="menu">
2391
2551
  <li
2392
2552
  class="pf-c-menu__list-item pf-m-drill-up"
2553
+ role="none"
2393
2554
  >
2394
2555
  <button
2395
2556
  class="pf-c-menu__item"
2396
2557
  type="button"
2558
+ role="menuitem"
2397
2559
  >
2398
2560
  <span class="pf-c-menu__item-main">
2399
2561
  <span
@@ -2412,8 +2574,12 @@ wrapperTag: div
2412
2574
  </button>
2413
2575
  </li>
2414
2576
  <li class="pf-c-divider" role="separator"></li>
2415
- <li class="pf-c-menu__list-item">
2416
- <a class="pf-c-menu__item" href="#">
2577
+ <li class="pf-c-menu__list-item" role="none">
2578
+ <a
2579
+ class="pf-c-menu__item"
2580
+ href="#"
2581
+ role="menuitem"
2582
+ >
2417
2583
  <span class="pf-c-menu__item-main">
2418
2584
  <span
2419
2585
  class="pf-c-menu__item-text"
@@ -2421,8 +2587,12 @@ wrapperTag: div
2421
2587
  </span>
2422
2588
  </a>
2423
2589
  </li>
2424
- <li class="pf-c-menu__list-item">
2425
- <a class="pf-c-menu__item" href="#">
2590
+ <li class="pf-c-menu__list-item" role="none">
2591
+ <a
2592
+ class="pf-c-menu__item"
2593
+ href="#"
2594
+ role="menuitem"
2595
+ >
2426
2596
  <span class="pf-c-menu__item-main">
2427
2597
  <span
2428
2598
  class="pf-c-menu__item-text"
@@ -2430,8 +2600,12 @@ wrapperTag: div
2430
2600
  </span>
2431
2601
  </a>
2432
2602
  </li>
2433
- <li class="pf-c-menu__list-item">
2434
- <a class="pf-c-menu__item" href="#">
2603
+ <li class="pf-c-menu__list-item" role="none">
2604
+ <a
2605
+ class="pf-c-menu__item"
2606
+ href="#"
2607
+ role="menuitem"
2608
+ >
2435
2609
  <span class="pf-c-menu__item-main">
2436
2610
  <span
2437
2611
  class="pf-c-menu__item-text"
@@ -2444,8 +2618,12 @@ wrapperTag: div
2444
2618
  </div>
2445
2619
  </li>
2446
2620
 
2447
- <li class="pf-c-menu__list-item">
2448
- <button class="pf-c-menu__item" type="button">
2621
+ <li class="pf-c-menu__list-item" role="none">
2622
+ <button
2623
+ class="pf-c-menu__item"
2624
+ type="button"
2625
+ role="menuitem"
2626
+ >
2449
2627
  <span class="pf-c-menu__item-main">
2450
2628
  <span class="pf-c-menu__item-icon">
2451
2629
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -2460,7 +2638,11 @@ wrapperTag: div
2460
2638
  </button>
2461
2639
  <div class="pf-c-menu" hidden>
2462
2640
  <div class="pf-c-menu__header">
2463
- <button class="pf-c-menu__item" type="button">
2641
+ <button
2642
+ class="pf-c-menu__item"
2643
+ type="button"
2644
+ role="menuitem"
2645
+ >
2464
2646
  <span class="pf-c-menu__item-main">
2465
2647
  <span class="pf-c-menu__item-toggle-icon">
2466
2648
  <i class="fas fa-angle-left"></i>
@@ -2491,9 +2673,13 @@ wrapperTag: div
2491
2673
  <hr class="pf-c-divider" />
2492
2674
  <section class="pf-c-menu__group">
2493
2675
  <h1 class="pf-c-menu__group-title">Favorites</h1>
2494
- <ul class="pf-c-menu__list">
2495
- <li class="pf-c-menu__list-item">
2496
- <a class="pf-c-menu__item" href="#">
2676
+ <ul class="pf-c-menu__list" role="menu">
2677
+ <li class="pf-c-menu__list-item" role="none">
2678
+ <a
2679
+ class="pf-c-menu__item"
2680
+ href="#"
2681
+ role="menuitem"
2682
+ >
2497
2683
  <span class="pf-c-menu__item-main">
2498
2684
  <span
2499
2685
  class="pf-c-menu__item-text"
@@ -2513,10 +2699,11 @@ wrapperTag: div
2513
2699
  </span>
2514
2700
  </button>
2515
2701
  </li>
2516
- <li class="pf-c-menu__list-item">
2702
+ <li class="pf-c-menu__list-item" role="none">
2517
2703
  <a
2518
2704
  class="pf-c-menu__item"
2519
2705
  href="#"
2706
+ role="menuitem"
2520
2707
  target="_blank"
2521
2708
  >
2522
2709
  <span class="pf-c-menu__item-main">
@@ -2554,9 +2741,13 @@ wrapperTag: div
2554
2741
  <hr class="pf-c-divider" />
2555
2742
  <section class="pf-c-menu__group">
2556
2743
  <h1 class="pf-c-menu__group-title">Group 1</h1>
2557
- <ul class="pf-c-menu__list">
2558
- <li class="pf-c-menu__list-item">
2559
- <a class="pf-c-menu__item" href="#">
2744
+ <ul class="pf-c-menu__list" role="menu">
2745
+ <li class="pf-c-menu__list-item" role="none">
2746
+ <a
2747
+ class="pf-c-menu__item"
2748
+ href="#"
2749
+ role="menuitem"
2750
+ >
2560
2751
  <span class="pf-c-menu__item-main">
2561
2752
  <span
2562
2753
  class="pf-c-menu__item-text"
@@ -2576,10 +2767,11 @@ wrapperTag: div
2576
2767
  </span>
2577
2768
  </button>
2578
2769
  </li>
2579
- <li class="pf-c-menu__list-item">
2770
+ <li class="pf-c-menu__list-item" role="none">
2580
2771
  <a
2581
2772
  class="pf-c-menu__item"
2582
2773
  href="#"
2774
+ role="menuitem"
2583
2775
  target="_blank"
2584
2776
  >
2585
2777
  <span class="pf-c-menu__item-main">
@@ -3306,12 +3498,16 @@ wrapperTag: div
3306
3498
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
3307
3499
  <div class="pf-c-menu__content">
3308
3500
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
3309
- <ul class="pf-c-menu__list">
3310
- <li class="pf-c-menu__list-item pf-m-disabled">
3501
+ <ul class="pf-c-menu__list" role="menu">
3502
+ <li
3503
+ class="pf-c-menu__list-item pf-m-disabled"
3504
+ role="none"
3505
+ >
3311
3506
  <button
3312
3507
  class="pf-c-menu__item"
3313
3508
  type="button"
3314
3509
  disabled
3510
+ role="menuitem"
3315
3511
  >
3316
3512
  <span class="pf-c-menu__item-description">
3317
3513
  <div class="pf-u-font-size-sm">Username:</div>
@@ -3321,11 +3517,15 @@ wrapperTag: div
3321
3517
  </span>
3322
3518
  </button>
3323
3519
  </li>
3324
- <li class="pf-c-menu__list-item pf-m-disabled">
3520
+ <li
3521
+ class="pf-c-menu__list-item pf-m-disabled"
3522
+ role="none"
3523
+ >
3325
3524
  <button
3326
3525
  class="pf-c-menu__item"
3327
3526
  type="button"
3328
3527
  disabled
3528
+ role="menuitem"
3329
3529
  >
3330
3530
  <span class="pf-c-menu__item-description">
3331
3531
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -3334,15 +3534,23 @@ wrapperTag: div
3334
3534
  </button>
3335
3535
  </li>
3336
3536
  <li class="pf-c-divider" role="separator"></li>
3337
- <li class="pf-c-menu__list-item">
3338
- <button class="pf-c-menu__item" type="button">
3537
+ <li class="pf-c-menu__list-item" role="none">
3538
+ <button
3539
+ class="pf-c-menu__item"
3540
+ type="button"
3541
+ role="menuitem"
3542
+ >
3339
3543
  <span class="pf-c-menu__item-main">
3340
3544
  <span class="pf-c-menu__item-text">My profile</span>
3341
3545
  </span>
3342
3546
  </button>
3343
3547
  </li>
3344
- <li class="pf-c-menu__list-item">
3345
- <button class="pf-c-menu__item" type="button">
3548
+ <li class="pf-c-menu__list-item" role="none">
3549
+ <button
3550
+ class="pf-c-menu__item"
3551
+ type="button"
3552
+ role="menuitem"
3553
+ >
3346
3554
  <span class="pf-c-menu__item-main">
3347
3555
  <span
3348
3556
  class="pf-c-menu__item-text"
@@ -3350,8 +3558,12 @@ wrapperTag: div
3350
3558
  </span>
3351
3559
  </button>
3352
3560
  </li>
3353
- <li class="pf-c-menu__list-item">
3354
- <button class="pf-c-menu__item" type="button">
3561
+ <li class="pf-c-menu__list-item" role="none">
3562
+ <button
3563
+ class="pf-c-menu__item"
3564
+ type="button"
3565
+ role="menuitem"
3566
+ >
3355
3567
  <span class="pf-c-menu__item-main">
3356
3568
  <span class="pf-c-menu__item-text">Logout</span>
3357
3569
  </span>
@@ -3361,11 +3573,12 @@ wrapperTag: div
3361
3573
  </section>
3362
3574
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
3363
3575
  <section class="pf-c-menu__group">
3364
- <ul class="pf-c-menu__list">
3365
- <li class="pf-c-menu__list-item">
3576
+ <ul class="pf-c-menu__list" role="menu">
3577
+ <li class="pf-c-menu__list-item" role="none">
3366
3578
  <button
3367
3579
  class="pf-c-menu__item"
3368
3580
  type="button"
3581
+ role="menuitem"
3369
3582
  aria-expanded="false"
3370
3583
  >
3371
3584
  <span class="pf-c-menu__item-main">
@@ -3383,13 +3596,15 @@ wrapperTag: div
3383
3596
  </button>
3384
3597
  <div class="pf-c-menu" hidden>
3385
3598
  <div class="pf-c-menu__content">
3386
- <ul class="pf-c-menu__list">
3599
+ <ul class="pf-c-menu__list" role="menu">
3387
3600
  <li
3388
3601
  class="pf-c-menu__list-item pf-m-drill-up"
3602
+ role="none"
3389
3603
  >
3390
3604
  <button
3391
3605
  class="pf-c-menu__item"
3392
3606
  type="button"
3607
+ role="menuitem"
3393
3608
  >
3394
3609
  <span class="pf-c-menu__item-main">
3395
3610
  <span
@@ -3410,8 +3625,12 @@ wrapperTag: div
3410
3625
  </button>
3411
3626
  </li>
3412
3627
  <li class="pf-c-divider" role="separator"></li>
3413
- <li class="pf-c-menu__list-item">
3414
- <a class="pf-c-menu__item" href="#">
3628
+ <li class="pf-c-menu__list-item" role="none">
3629
+ <a
3630
+ class="pf-c-menu__item"
3631
+ href="#"
3632
+ role="menuitem"
3633
+ >
3415
3634
  <span class="pf-c-menu__item-main">
3416
3635
  <span
3417
3636
  class="pf-c-menu__item-text"
@@ -3419,8 +3638,12 @@ wrapperTag: div
3419
3638
  </span>
3420
3639
  </a>
3421
3640
  </li>
3422
- <li class="pf-c-menu__list-item">
3423
- <a class="pf-c-menu__item" href="#">
3641
+ <li class="pf-c-menu__list-item" role="none">
3642
+ <a
3643
+ class="pf-c-menu__item"
3644
+ href="#"
3645
+ role="menuitem"
3646
+ >
3424
3647
  <span class="pf-c-menu__item-main">
3425
3648
  <span class="pf-c-menu__item-text">About</span>
3426
3649
  </span>
@@ -3431,10 +3654,11 @@ wrapperTag: div
3431
3654
  </div>
3432
3655
  </li>
3433
3656
 
3434
- <li class="pf-c-menu__list-item">
3657
+ <li class="pf-c-menu__list-item" role="none">
3435
3658
  <button
3436
3659
  class="pf-c-menu__item"
3437
3660
  type="button"
3661
+ role="menuitem"
3438
3662
  aria-expanded="false"
3439
3663
  >
3440
3664
  <span class="pf-c-menu__item-main">
@@ -3452,13 +3676,15 @@ wrapperTag: div
3452
3676
  </button>
3453
3677
  <div class="pf-c-menu" hidden>
3454
3678
  <div class="pf-c-menu__content">
3455
- <ul class="pf-c-menu__list">
3679
+ <ul class="pf-c-menu__list" role="menu">
3456
3680
  <li
3457
3681
  class="pf-c-menu__list-item pf-m-drill-up"
3682
+ role="none"
3458
3683
  >
3459
3684
  <button
3460
3685
  class="pf-c-menu__item"
3461
3686
  type="button"
3687
+ role="menuitem"
3462
3688
  >
3463
3689
  <span class="pf-c-menu__item-main">
3464
3690
  <span
@@ -3477,8 +3703,12 @@ wrapperTag: div
3477
3703
  </button>
3478
3704
  </li>
3479
3705
  <li class="pf-c-divider" role="separator"></li>
3480
- <li class="pf-c-menu__list-item">
3481
- <a class="pf-c-menu__item" href="#">
3706
+ <li class="pf-c-menu__list-item" role="none">
3707
+ <a
3708
+ class="pf-c-menu__item"
3709
+ href="#"
3710
+ role="menuitem"
3711
+ >
3482
3712
  <span class="pf-c-menu__item-main">
3483
3713
  <span
3484
3714
  class="pf-c-menu__item-text"
@@ -3486,8 +3716,12 @@ wrapperTag: div
3486
3716
  </span>
3487
3717
  </a>
3488
3718
  </li>
3489
- <li class="pf-c-menu__list-item">
3490
- <a class="pf-c-menu__item" href="#">
3719
+ <li class="pf-c-menu__list-item" role="none">
3720
+ <a
3721
+ class="pf-c-menu__item"
3722
+ href="#"
3723
+ role="menuitem"
3724
+ >
3491
3725
  <span class="pf-c-menu__item-main">
3492
3726
  <span
3493
3727
  class="pf-c-menu__item-text"
@@ -3495,8 +3729,12 @@ wrapperTag: div
3495
3729
  </span>
3496
3730
  </a>
3497
3731
  </li>
3498
- <li class="pf-c-menu__list-item">
3499
- <a class="pf-c-menu__item" href="#">
3732
+ <li class="pf-c-menu__list-item" role="none">
3733
+ <a
3734
+ class="pf-c-menu__item"
3735
+ href="#"
3736
+ role="menuitem"
3737
+ >
3500
3738
  <span class="pf-c-menu__item-main">
3501
3739
  <span
3502
3740
  class="pf-c-menu__item-text"
@@ -3509,8 +3747,12 @@ wrapperTag: div
3509
3747
  </div>
3510
3748
  </li>
3511
3749
 
3512
- <li class="pf-c-menu__list-item">
3513
- <button class="pf-c-menu__item" type="button">
3750
+ <li class="pf-c-menu__list-item" role="none">
3751
+ <button
3752
+ class="pf-c-menu__item"
3753
+ type="button"
3754
+ role="menuitem"
3755
+ >
3514
3756
  <span class="pf-c-menu__item-main">
3515
3757
  <span class="pf-c-menu__item-icon">
3516
3758
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -3525,7 +3767,11 @@ wrapperTag: div
3525
3767
  </button>
3526
3768
  <div class="pf-c-menu" hidden>
3527
3769
  <div class="pf-c-menu__header">
3528
- <button class="pf-c-menu__item" type="button">
3770
+ <button
3771
+ class="pf-c-menu__item"
3772
+ type="button"
3773
+ role="menuitem"
3774
+ >
3529
3775
  <span class="pf-c-menu__item-main">
3530
3776
  <span class="pf-c-menu__item-toggle-icon">
3531
3777
  <i class="fas fa-angle-left"></i>
@@ -3556,9 +3802,13 @@ wrapperTag: div
3556
3802
  <hr class="pf-c-divider" />
3557
3803
  <section class="pf-c-menu__group">
3558
3804
  <h1 class="pf-c-menu__group-title">Favorites</h1>
3559
- <ul class="pf-c-menu__list">
3560
- <li class="pf-c-menu__list-item">
3561
- <a class="pf-c-menu__item" href="#">
3805
+ <ul class="pf-c-menu__list" role="menu">
3806
+ <li class="pf-c-menu__list-item" role="none">
3807
+ <a
3808
+ class="pf-c-menu__item"
3809
+ href="#"
3810
+ role="menuitem"
3811
+ >
3562
3812
  <span class="pf-c-menu__item-main">
3563
3813
  <span
3564
3814
  class="pf-c-menu__item-text"
@@ -3578,10 +3828,11 @@ wrapperTag: div
3578
3828
  </span>
3579
3829
  </button>
3580
3830
  </li>
3581
- <li class="pf-c-menu__list-item">
3831
+ <li class="pf-c-menu__list-item" role="none">
3582
3832
  <a
3583
3833
  class="pf-c-menu__item"
3584
3834
  href="#"
3835
+ role="menuitem"
3585
3836
  target="_blank"
3586
3837
  >
3587
3838
  <span class="pf-c-menu__item-main">
@@ -3619,9 +3870,13 @@ wrapperTag: div
3619
3870
  <hr class="pf-c-divider" />
3620
3871
  <section class="pf-c-menu__group">
3621
3872
  <h1 class="pf-c-menu__group-title">Group 1</h1>
3622
- <ul class="pf-c-menu__list">
3623
- <li class="pf-c-menu__list-item">
3624
- <a class="pf-c-menu__item" href="#">
3873
+ <ul class="pf-c-menu__list" role="menu">
3874
+ <li class="pf-c-menu__list-item" role="none">
3875
+ <a
3876
+ class="pf-c-menu__item"
3877
+ href="#"
3878
+ role="menuitem"
3879
+ >
3625
3880
  <span class="pf-c-menu__item-main">
3626
3881
  <span
3627
3882
  class="pf-c-menu__item-text"
@@ -3641,10 +3896,11 @@ wrapperTag: div
3641
3896
  </span>
3642
3897
  </button>
3643
3898
  </li>
3644
- <li class="pf-c-menu__list-item">
3899
+ <li class="pf-c-menu__list-item" role="none">
3645
3900
  <a
3646
3901
  class="pf-c-menu__item"
3647
3902
  href="#"
3903
+ role="menuitem"
3648
3904
  target="_blank"
3649
3905
  >
3650
3906
  <span class="pf-c-menu__item-main">
@@ -4368,12 +4624,16 @@ wrapperTag: div
4368
4624
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
4369
4625
  <div class="pf-c-menu__content">
4370
4626
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
4371
- <ul class="pf-c-menu__list">
4372
- <li class="pf-c-menu__list-item pf-m-disabled">
4627
+ <ul class="pf-c-menu__list" role="menu">
4628
+ <li
4629
+ class="pf-c-menu__list-item pf-m-disabled"
4630
+ role="none"
4631
+ >
4373
4632
  <button
4374
4633
  class="pf-c-menu__item"
4375
4634
  type="button"
4376
4635
  disabled
4636
+ role="menuitem"
4377
4637
  >
4378
4638
  <span class="pf-c-menu__item-description">
4379
4639
  <div class="pf-u-font-size-sm">Username:</div>
@@ -4383,11 +4643,15 @@ wrapperTag: div
4383
4643
  </span>
4384
4644
  </button>
4385
4645
  </li>
4386
- <li class="pf-c-menu__list-item pf-m-disabled">
4646
+ <li
4647
+ class="pf-c-menu__list-item pf-m-disabled"
4648
+ role="none"
4649
+ >
4387
4650
  <button
4388
4651
  class="pf-c-menu__item"
4389
4652
  type="button"
4390
4653
  disabled
4654
+ role="menuitem"
4391
4655
  >
4392
4656
  <span class="pf-c-menu__item-description">
4393
4657
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -4396,15 +4660,23 @@ wrapperTag: div
4396
4660
  </button>
4397
4661
  </li>
4398
4662
  <li class="pf-c-divider" role="separator"></li>
4399
- <li class="pf-c-menu__list-item">
4400
- <button class="pf-c-menu__item" type="button">
4663
+ <li class="pf-c-menu__list-item" role="none">
4664
+ <button
4665
+ class="pf-c-menu__item"
4666
+ type="button"
4667
+ role="menuitem"
4668
+ >
4401
4669
  <span class="pf-c-menu__item-main">
4402
4670
  <span class="pf-c-menu__item-text">My profile</span>
4403
4671
  </span>
4404
4672
  </button>
4405
4673
  </li>
4406
- <li class="pf-c-menu__list-item">
4407
- <button class="pf-c-menu__item" type="button">
4674
+ <li class="pf-c-menu__list-item" role="none">
4675
+ <button
4676
+ class="pf-c-menu__item"
4677
+ type="button"
4678
+ role="menuitem"
4679
+ >
4408
4680
  <span class="pf-c-menu__item-main">
4409
4681
  <span
4410
4682
  class="pf-c-menu__item-text"
@@ -4412,8 +4684,12 @@ wrapperTag: div
4412
4684
  </span>
4413
4685
  </button>
4414
4686
  </li>
4415
- <li class="pf-c-menu__list-item">
4416
- <button class="pf-c-menu__item" type="button">
4687
+ <li class="pf-c-menu__list-item" role="none">
4688
+ <button
4689
+ class="pf-c-menu__item"
4690
+ type="button"
4691
+ role="menuitem"
4692
+ >
4417
4693
  <span class="pf-c-menu__item-main">
4418
4694
  <span class="pf-c-menu__item-text">Logout</span>
4419
4695
  </span>
@@ -4423,11 +4699,12 @@ wrapperTag: div
4423
4699
  </section>
4424
4700
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
4425
4701
  <section class="pf-c-menu__group">
4426
- <ul class="pf-c-menu__list">
4427
- <li class="pf-c-menu__list-item">
4702
+ <ul class="pf-c-menu__list" role="menu">
4703
+ <li class="pf-c-menu__list-item" role="none">
4428
4704
  <button
4429
4705
  class="pf-c-menu__item"
4430
4706
  type="button"
4707
+ role="menuitem"
4431
4708
  aria-expanded="false"
4432
4709
  >
4433
4710
  <span class="pf-c-menu__item-main">
@@ -4445,13 +4722,15 @@ wrapperTag: div
4445
4722
  </button>
4446
4723
  <div class="pf-c-menu" hidden>
4447
4724
  <div class="pf-c-menu__content">
4448
- <ul class="pf-c-menu__list">
4725
+ <ul class="pf-c-menu__list" role="menu">
4449
4726
  <li
4450
4727
  class="pf-c-menu__list-item pf-m-drill-up"
4728
+ role="none"
4451
4729
  >
4452
4730
  <button
4453
4731
  class="pf-c-menu__item"
4454
4732
  type="button"
4733
+ role="menuitem"
4455
4734
  >
4456
4735
  <span class="pf-c-menu__item-main">
4457
4736
  <span
@@ -4472,8 +4751,12 @@ wrapperTag: div
4472
4751
  </button>
4473
4752
  </li>
4474
4753
  <li class="pf-c-divider" role="separator"></li>
4475
- <li class="pf-c-menu__list-item">
4476
- <a class="pf-c-menu__item" href="#">
4754
+ <li class="pf-c-menu__list-item" role="none">
4755
+ <a
4756
+ class="pf-c-menu__item"
4757
+ href="#"
4758
+ role="menuitem"
4759
+ >
4477
4760
  <span class="pf-c-menu__item-main">
4478
4761
  <span
4479
4762
  class="pf-c-menu__item-text"
@@ -4481,8 +4764,12 @@ wrapperTag: div
4481
4764
  </span>
4482
4765
  </a>
4483
4766
  </li>
4484
- <li class="pf-c-menu__list-item">
4485
- <a class="pf-c-menu__item" href="#">
4767
+ <li class="pf-c-menu__list-item" role="none">
4768
+ <a
4769
+ class="pf-c-menu__item"
4770
+ href="#"
4771
+ role="menuitem"
4772
+ >
4486
4773
  <span class="pf-c-menu__item-main">
4487
4774
  <span class="pf-c-menu__item-text">About</span>
4488
4775
  </span>
@@ -4493,10 +4780,11 @@ wrapperTag: div
4493
4780
  </div>
4494
4781
  </li>
4495
4782
 
4496
- <li class="pf-c-menu__list-item">
4783
+ <li class="pf-c-menu__list-item" role="none">
4497
4784
  <button
4498
4785
  class="pf-c-menu__item"
4499
4786
  type="button"
4787
+ role="menuitem"
4500
4788
  aria-expanded="false"
4501
4789
  >
4502
4790
  <span class="pf-c-menu__item-main">
@@ -4514,13 +4802,15 @@ wrapperTag: div
4514
4802
  </button>
4515
4803
  <div class="pf-c-menu" hidden>
4516
4804
  <div class="pf-c-menu__content">
4517
- <ul class="pf-c-menu__list">
4805
+ <ul class="pf-c-menu__list" role="menu">
4518
4806
  <li
4519
4807
  class="pf-c-menu__list-item pf-m-drill-up"
4808
+ role="none"
4520
4809
  >
4521
4810
  <button
4522
4811
  class="pf-c-menu__item"
4523
4812
  type="button"
4813
+ role="menuitem"
4524
4814
  >
4525
4815
  <span class="pf-c-menu__item-main">
4526
4816
  <span
@@ -4539,8 +4829,12 @@ wrapperTag: div
4539
4829
  </button>
4540
4830
  </li>
4541
4831
  <li class="pf-c-divider" role="separator"></li>
4542
- <li class="pf-c-menu__list-item">
4543
- <a class="pf-c-menu__item" href="#">
4832
+ <li class="pf-c-menu__list-item" role="none">
4833
+ <a
4834
+ class="pf-c-menu__item"
4835
+ href="#"
4836
+ role="menuitem"
4837
+ >
4544
4838
  <span class="pf-c-menu__item-main">
4545
4839
  <span
4546
4840
  class="pf-c-menu__item-text"
@@ -4548,8 +4842,12 @@ wrapperTag: div
4548
4842
  </span>
4549
4843
  </a>
4550
4844
  </li>
4551
- <li class="pf-c-menu__list-item">
4552
- <a class="pf-c-menu__item" href="#">
4845
+ <li class="pf-c-menu__list-item" role="none">
4846
+ <a
4847
+ class="pf-c-menu__item"
4848
+ href="#"
4849
+ role="menuitem"
4850
+ >
4553
4851
  <span class="pf-c-menu__item-main">
4554
4852
  <span
4555
4853
  class="pf-c-menu__item-text"
@@ -4557,8 +4855,12 @@ wrapperTag: div
4557
4855
  </span>
4558
4856
  </a>
4559
4857
  </li>
4560
- <li class="pf-c-menu__list-item">
4561
- <a class="pf-c-menu__item" href="#">
4858
+ <li class="pf-c-menu__list-item" role="none">
4859
+ <a
4860
+ class="pf-c-menu__item"
4861
+ href="#"
4862
+ role="menuitem"
4863
+ >
4562
4864
  <span class="pf-c-menu__item-main">
4563
4865
  <span
4564
4866
  class="pf-c-menu__item-text"
@@ -4571,8 +4873,12 @@ wrapperTag: div
4571
4873
  </div>
4572
4874
  </li>
4573
4875
 
4574
- <li class="pf-c-menu__list-item">
4575
- <button class="pf-c-menu__item" type="button">
4876
+ <li class="pf-c-menu__list-item" role="none">
4877
+ <button
4878
+ class="pf-c-menu__item"
4879
+ type="button"
4880
+ role="menuitem"
4881
+ >
4576
4882
  <span class="pf-c-menu__item-main">
4577
4883
  <span class="pf-c-menu__item-icon">
4578
4884
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -4587,7 +4893,11 @@ wrapperTag: div
4587
4893
  </button>
4588
4894
  <div class="pf-c-menu" hidden>
4589
4895
  <div class="pf-c-menu__header">
4590
- <button class="pf-c-menu__item" type="button">
4896
+ <button
4897
+ class="pf-c-menu__item"
4898
+ type="button"
4899
+ role="menuitem"
4900
+ >
4591
4901
  <span class="pf-c-menu__item-main">
4592
4902
  <span class="pf-c-menu__item-toggle-icon">
4593
4903
  <i class="fas fa-angle-left"></i>
@@ -4618,9 +4928,13 @@ wrapperTag: div
4618
4928
  <hr class="pf-c-divider" />
4619
4929
  <section class="pf-c-menu__group">
4620
4930
  <h1 class="pf-c-menu__group-title">Favorites</h1>
4621
- <ul class="pf-c-menu__list">
4622
- <li class="pf-c-menu__list-item">
4623
- <a class="pf-c-menu__item" href="#">
4931
+ <ul class="pf-c-menu__list" role="menu">
4932
+ <li class="pf-c-menu__list-item" role="none">
4933
+ <a
4934
+ class="pf-c-menu__item"
4935
+ href="#"
4936
+ role="menuitem"
4937
+ >
4624
4938
  <span class="pf-c-menu__item-main">
4625
4939
  <span
4626
4940
  class="pf-c-menu__item-text"
@@ -4640,10 +4954,11 @@ wrapperTag: div
4640
4954
  </span>
4641
4955
  </button>
4642
4956
  </li>
4643
- <li class="pf-c-menu__list-item">
4957
+ <li class="pf-c-menu__list-item" role="none">
4644
4958
  <a
4645
4959
  class="pf-c-menu__item"
4646
4960
  href="#"
4961
+ role="menuitem"
4647
4962
  target="_blank"
4648
4963
  >
4649
4964
  <span class="pf-c-menu__item-main">
@@ -4681,9 +4996,13 @@ wrapperTag: div
4681
4996
  <hr class="pf-c-divider" />
4682
4997
  <section class="pf-c-menu__group">
4683
4998
  <h1 class="pf-c-menu__group-title">Group 1</h1>
4684
- <ul class="pf-c-menu__list">
4685
- <li class="pf-c-menu__list-item">
4686
- <a class="pf-c-menu__item" href="#">
4999
+ <ul class="pf-c-menu__list" role="menu">
5000
+ <li class="pf-c-menu__list-item" role="none">
5001
+ <a
5002
+ class="pf-c-menu__item"
5003
+ href="#"
5004
+ role="menuitem"
5005
+ >
4687
5006
  <span class="pf-c-menu__item-main">
4688
5007
  <span
4689
5008
  class="pf-c-menu__item-text"
@@ -4703,10 +5022,11 @@ wrapperTag: div
4703
5022
  </span>
4704
5023
  </button>
4705
5024
  </li>
4706
- <li class="pf-c-menu__list-item">
5025
+ <li class="pf-c-menu__list-item" role="none">
4707
5026
  <a
4708
5027
  class="pf-c-menu__item"
4709
5028
  href="#"
5029
+ role="menuitem"
4710
5030
  target="_blank"
4711
5031
  >
4712
5032
  <span class="pf-c-menu__item-main">
@@ -5435,12 +5755,16 @@ wrapperTag: div
5435
5755
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
5436
5756
  <div class="pf-c-menu__content">
5437
5757
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
5438
- <ul class="pf-c-menu__list">
5439
- <li class="pf-c-menu__list-item pf-m-disabled">
5758
+ <ul class="pf-c-menu__list" role="menu">
5759
+ <li
5760
+ class="pf-c-menu__list-item pf-m-disabled"
5761
+ role="none"
5762
+ >
5440
5763
  <button
5441
5764
  class="pf-c-menu__item"
5442
5765
  type="button"
5443
5766
  disabled
5767
+ role="menuitem"
5444
5768
  >
5445
5769
  <span class="pf-c-menu__item-description">
5446
5770
  <div class="pf-u-font-size-sm">Username:</div>
@@ -5450,11 +5774,15 @@ wrapperTag: div
5450
5774
  </span>
5451
5775
  </button>
5452
5776
  </li>
5453
- <li class="pf-c-menu__list-item pf-m-disabled">
5777
+ <li
5778
+ class="pf-c-menu__list-item pf-m-disabled"
5779
+ role="none"
5780
+ >
5454
5781
  <button
5455
5782
  class="pf-c-menu__item"
5456
5783
  type="button"
5457
5784
  disabled
5785
+ role="menuitem"
5458
5786
  >
5459
5787
  <span class="pf-c-menu__item-description">
5460
5788
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -5463,15 +5791,23 @@ wrapperTag: div
5463
5791
  </button>
5464
5792
  </li>
5465
5793
  <li class="pf-c-divider" role="separator"></li>
5466
- <li class="pf-c-menu__list-item">
5467
- <button class="pf-c-menu__item" type="button">
5794
+ <li class="pf-c-menu__list-item" role="none">
5795
+ <button
5796
+ class="pf-c-menu__item"
5797
+ type="button"
5798
+ role="menuitem"
5799
+ >
5468
5800
  <span class="pf-c-menu__item-main">
5469
5801
  <span class="pf-c-menu__item-text">My profile</span>
5470
5802
  </span>
5471
5803
  </button>
5472
5804
  </li>
5473
- <li class="pf-c-menu__list-item">
5474
- <button class="pf-c-menu__item" type="button">
5805
+ <li class="pf-c-menu__list-item" role="none">
5806
+ <button
5807
+ class="pf-c-menu__item"
5808
+ type="button"
5809
+ role="menuitem"
5810
+ >
5475
5811
  <span class="pf-c-menu__item-main">
5476
5812
  <span
5477
5813
  class="pf-c-menu__item-text"
@@ -5479,8 +5815,12 @@ wrapperTag: div
5479
5815
  </span>
5480
5816
  </button>
5481
5817
  </li>
5482
- <li class="pf-c-menu__list-item">
5483
- <button class="pf-c-menu__item" type="button">
5818
+ <li class="pf-c-menu__list-item" role="none">
5819
+ <button
5820
+ class="pf-c-menu__item"
5821
+ type="button"
5822
+ role="menuitem"
5823
+ >
5484
5824
  <span class="pf-c-menu__item-main">
5485
5825
  <span class="pf-c-menu__item-text">Logout</span>
5486
5826
  </span>
@@ -5490,11 +5830,12 @@ wrapperTag: div
5490
5830
  </section>
5491
5831
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
5492
5832
  <section class="pf-c-menu__group">
5493
- <ul class="pf-c-menu__list">
5494
- <li class="pf-c-menu__list-item">
5833
+ <ul class="pf-c-menu__list" role="menu">
5834
+ <li class="pf-c-menu__list-item" role="none">
5495
5835
  <button
5496
5836
  class="pf-c-menu__item"
5497
5837
  type="button"
5838
+ role="menuitem"
5498
5839
  aria-expanded="false"
5499
5840
  >
5500
5841
  <span class="pf-c-menu__item-main">
@@ -5512,13 +5853,15 @@ wrapperTag: div
5512
5853
  </button>
5513
5854
  <div class="pf-c-menu" hidden>
5514
5855
  <div class="pf-c-menu__content">
5515
- <ul class="pf-c-menu__list">
5856
+ <ul class="pf-c-menu__list" role="menu">
5516
5857
  <li
5517
5858
  class="pf-c-menu__list-item pf-m-drill-up"
5859
+ role="none"
5518
5860
  >
5519
5861
  <button
5520
5862
  class="pf-c-menu__item"
5521
5863
  type="button"
5864
+ role="menuitem"
5522
5865
  >
5523
5866
  <span class="pf-c-menu__item-main">
5524
5867
  <span
@@ -5539,8 +5882,12 @@ wrapperTag: div
5539
5882
  </button>
5540
5883
  </li>
5541
5884
  <li class="pf-c-divider" role="separator"></li>
5542
- <li class="pf-c-menu__list-item">
5543
- <a class="pf-c-menu__item" href="#">
5885
+ <li class="pf-c-menu__list-item" role="none">
5886
+ <a
5887
+ class="pf-c-menu__item"
5888
+ href="#"
5889
+ role="menuitem"
5890
+ >
5544
5891
  <span class="pf-c-menu__item-main">
5545
5892
  <span
5546
5893
  class="pf-c-menu__item-text"
@@ -5548,8 +5895,12 @@ wrapperTag: div
5548
5895
  </span>
5549
5896
  </a>
5550
5897
  </li>
5551
- <li class="pf-c-menu__list-item">
5552
- <a class="pf-c-menu__item" href="#">
5898
+ <li class="pf-c-menu__list-item" role="none">
5899
+ <a
5900
+ class="pf-c-menu__item"
5901
+ href="#"
5902
+ role="menuitem"
5903
+ >
5553
5904
  <span class="pf-c-menu__item-main">
5554
5905
  <span class="pf-c-menu__item-text">About</span>
5555
5906
  </span>
@@ -5560,10 +5911,11 @@ wrapperTag: div
5560
5911
  </div>
5561
5912
  </li>
5562
5913
 
5563
- <li class="pf-c-menu__list-item">
5914
+ <li class="pf-c-menu__list-item" role="none">
5564
5915
  <button
5565
5916
  class="pf-c-menu__item"
5566
5917
  type="button"
5918
+ role="menuitem"
5567
5919
  aria-expanded="false"
5568
5920
  >
5569
5921
  <span class="pf-c-menu__item-main">
@@ -5581,13 +5933,15 @@ wrapperTag: div
5581
5933
  </button>
5582
5934
  <div class="pf-c-menu" hidden>
5583
5935
  <div class="pf-c-menu__content">
5584
- <ul class="pf-c-menu__list">
5936
+ <ul class="pf-c-menu__list" role="menu">
5585
5937
  <li
5586
5938
  class="pf-c-menu__list-item pf-m-drill-up"
5939
+ role="none"
5587
5940
  >
5588
5941
  <button
5589
5942
  class="pf-c-menu__item"
5590
5943
  type="button"
5944
+ role="menuitem"
5591
5945
  >
5592
5946
  <span class="pf-c-menu__item-main">
5593
5947
  <span
@@ -5606,8 +5960,12 @@ wrapperTag: div
5606
5960
  </button>
5607
5961
  </li>
5608
5962
  <li class="pf-c-divider" role="separator"></li>
5609
- <li class="pf-c-menu__list-item">
5610
- <a class="pf-c-menu__item" href="#">
5963
+ <li class="pf-c-menu__list-item" role="none">
5964
+ <a
5965
+ class="pf-c-menu__item"
5966
+ href="#"
5967
+ role="menuitem"
5968
+ >
5611
5969
  <span class="pf-c-menu__item-main">
5612
5970
  <span
5613
5971
  class="pf-c-menu__item-text"
@@ -5615,8 +5973,12 @@ wrapperTag: div
5615
5973
  </span>
5616
5974
  </a>
5617
5975
  </li>
5618
- <li class="pf-c-menu__list-item">
5619
- <a class="pf-c-menu__item" href="#">
5976
+ <li class="pf-c-menu__list-item" role="none">
5977
+ <a
5978
+ class="pf-c-menu__item"
5979
+ href="#"
5980
+ role="menuitem"
5981
+ >
5620
5982
  <span class="pf-c-menu__item-main">
5621
5983
  <span
5622
5984
  class="pf-c-menu__item-text"
@@ -5624,8 +5986,12 @@ wrapperTag: div
5624
5986
  </span>
5625
5987
  </a>
5626
5988
  </li>
5627
- <li class="pf-c-menu__list-item">
5628
- <a class="pf-c-menu__item" href="#">
5989
+ <li class="pf-c-menu__list-item" role="none">
5990
+ <a
5991
+ class="pf-c-menu__item"
5992
+ href="#"
5993
+ role="menuitem"
5994
+ >
5629
5995
  <span class="pf-c-menu__item-main">
5630
5996
  <span
5631
5997
  class="pf-c-menu__item-text"
@@ -5638,8 +6004,12 @@ wrapperTag: div
5638
6004
  </div>
5639
6005
  </li>
5640
6006
 
5641
- <li class="pf-c-menu__list-item">
5642
- <button class="pf-c-menu__item" type="button">
6007
+ <li class="pf-c-menu__list-item" role="none">
6008
+ <button
6009
+ class="pf-c-menu__item"
6010
+ type="button"
6011
+ role="menuitem"
6012
+ >
5643
6013
  <span class="pf-c-menu__item-main">
5644
6014
  <span class="pf-c-menu__item-icon">
5645
6015
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -5654,7 +6024,11 @@ wrapperTag: div
5654
6024
  </button>
5655
6025
  <div class="pf-c-menu" hidden>
5656
6026
  <div class="pf-c-menu__header">
5657
- <button class="pf-c-menu__item" type="button">
6027
+ <button
6028
+ class="pf-c-menu__item"
6029
+ type="button"
6030
+ role="menuitem"
6031
+ >
5658
6032
  <span class="pf-c-menu__item-main">
5659
6033
  <span class="pf-c-menu__item-toggle-icon">
5660
6034
  <i class="fas fa-angle-left"></i>
@@ -5685,9 +6059,13 @@ wrapperTag: div
5685
6059
  <hr class="pf-c-divider" />
5686
6060
  <section class="pf-c-menu__group">
5687
6061
  <h1 class="pf-c-menu__group-title">Favorites</h1>
5688
- <ul class="pf-c-menu__list">
5689
- <li class="pf-c-menu__list-item">
5690
- <a class="pf-c-menu__item" href="#">
6062
+ <ul class="pf-c-menu__list" role="menu">
6063
+ <li class="pf-c-menu__list-item" role="none">
6064
+ <a
6065
+ class="pf-c-menu__item"
6066
+ href="#"
6067
+ role="menuitem"
6068
+ >
5691
6069
  <span class="pf-c-menu__item-main">
5692
6070
  <span
5693
6071
  class="pf-c-menu__item-text"
@@ -5707,10 +6085,11 @@ wrapperTag: div
5707
6085
  </span>
5708
6086
  </button>
5709
6087
  </li>
5710
- <li class="pf-c-menu__list-item">
6088
+ <li class="pf-c-menu__list-item" role="none">
5711
6089
  <a
5712
6090
  class="pf-c-menu__item"
5713
6091
  href="#"
6092
+ role="menuitem"
5714
6093
  target="_blank"
5715
6094
  >
5716
6095
  <span class="pf-c-menu__item-main">
@@ -5748,9 +6127,13 @@ wrapperTag: div
5748
6127
  <hr class="pf-c-divider" />
5749
6128
  <section class="pf-c-menu__group">
5750
6129
  <h1 class="pf-c-menu__group-title">Group 1</h1>
5751
- <ul class="pf-c-menu__list">
5752
- <li class="pf-c-menu__list-item">
5753
- <a class="pf-c-menu__item" href="#">
6130
+ <ul class="pf-c-menu__list" role="menu">
6131
+ <li class="pf-c-menu__list-item" role="none">
6132
+ <a
6133
+ class="pf-c-menu__item"
6134
+ href="#"
6135
+ role="menuitem"
6136
+ >
5754
6137
  <span class="pf-c-menu__item-main">
5755
6138
  <span
5756
6139
  class="pf-c-menu__item-text"
@@ -5770,10 +6153,11 @@ wrapperTag: div
5770
6153
  </span>
5771
6154
  </button>
5772
6155
  </li>
5773
- <li class="pf-c-menu__list-item">
6156
+ <li class="pf-c-menu__list-item" role="none">
5774
6157
  <a
5775
6158
  class="pf-c-menu__item"
5776
6159
  href="#"
6160
+ role="menuitem"
5777
6161
  target="_blank"
5778
6162
  >
5779
6163
  <span class="pf-c-menu__item-main">
@@ -6506,12 +6890,16 @@ wrapperTag: div
6506
6890
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
6507
6891
  <div class="pf-c-menu__content">
6508
6892
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
6509
- <ul class="pf-c-menu__list">
6510
- <li class="pf-c-menu__list-item pf-m-disabled">
6893
+ <ul class="pf-c-menu__list" role="menu">
6894
+ <li
6895
+ class="pf-c-menu__list-item pf-m-disabled"
6896
+ role="none"
6897
+ >
6511
6898
  <button
6512
6899
  class="pf-c-menu__item"
6513
6900
  type="button"
6514
6901
  disabled
6902
+ role="menuitem"
6515
6903
  >
6516
6904
  <span class="pf-c-menu__item-description">
6517
6905
  <div class="pf-u-font-size-sm">Username:</div>
@@ -6521,11 +6909,15 @@ wrapperTag: div
6521
6909
  </span>
6522
6910
  </button>
6523
6911
  </li>
6524
- <li class="pf-c-menu__list-item pf-m-disabled">
6912
+ <li
6913
+ class="pf-c-menu__list-item pf-m-disabled"
6914
+ role="none"
6915
+ >
6525
6916
  <button
6526
6917
  class="pf-c-menu__item"
6527
6918
  type="button"
6528
6919
  disabled
6920
+ role="menuitem"
6529
6921
  >
6530
6922
  <span class="pf-c-menu__item-description">
6531
6923
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -6534,15 +6926,23 @@ wrapperTag: div
6534
6926
  </button>
6535
6927
  </li>
6536
6928
  <li class="pf-c-divider" role="separator"></li>
6537
- <li class="pf-c-menu__list-item">
6538
- <button class="pf-c-menu__item" type="button">
6929
+ <li class="pf-c-menu__list-item" role="none">
6930
+ <button
6931
+ class="pf-c-menu__item"
6932
+ type="button"
6933
+ role="menuitem"
6934
+ >
6539
6935
  <span class="pf-c-menu__item-main">
6540
6936
  <span class="pf-c-menu__item-text">My profile</span>
6541
6937
  </span>
6542
6938
  </button>
6543
6939
  </li>
6544
- <li class="pf-c-menu__list-item">
6545
- <button class="pf-c-menu__item" type="button">
6940
+ <li class="pf-c-menu__list-item" role="none">
6941
+ <button
6942
+ class="pf-c-menu__item"
6943
+ type="button"
6944
+ role="menuitem"
6945
+ >
6546
6946
  <span class="pf-c-menu__item-main">
6547
6947
  <span
6548
6948
  class="pf-c-menu__item-text"
@@ -6550,8 +6950,12 @@ wrapperTag: div
6550
6950
  </span>
6551
6951
  </button>
6552
6952
  </li>
6553
- <li class="pf-c-menu__list-item">
6554
- <button class="pf-c-menu__item" type="button">
6953
+ <li class="pf-c-menu__list-item" role="none">
6954
+ <button
6955
+ class="pf-c-menu__item"
6956
+ type="button"
6957
+ role="menuitem"
6958
+ >
6555
6959
  <span class="pf-c-menu__item-main">
6556
6960
  <span class="pf-c-menu__item-text">Logout</span>
6557
6961
  </span>
@@ -6561,11 +6965,12 @@ wrapperTag: div
6561
6965
  </section>
6562
6966
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
6563
6967
  <section class="pf-c-menu__group">
6564
- <ul class="pf-c-menu__list">
6565
- <li class="pf-c-menu__list-item">
6968
+ <ul class="pf-c-menu__list" role="menu">
6969
+ <li class="pf-c-menu__list-item" role="none">
6566
6970
  <button
6567
6971
  class="pf-c-menu__item"
6568
6972
  type="button"
6973
+ role="menuitem"
6569
6974
  aria-expanded="false"
6570
6975
  >
6571
6976
  <span class="pf-c-menu__item-main">
@@ -6583,13 +6988,15 @@ wrapperTag: div
6583
6988
  </button>
6584
6989
  <div class="pf-c-menu" hidden>
6585
6990
  <div class="pf-c-menu__content">
6586
- <ul class="pf-c-menu__list">
6991
+ <ul class="pf-c-menu__list" role="menu">
6587
6992
  <li
6588
6993
  class="pf-c-menu__list-item pf-m-drill-up"
6994
+ role="none"
6589
6995
  >
6590
6996
  <button
6591
6997
  class="pf-c-menu__item"
6592
6998
  type="button"
6999
+ role="menuitem"
6593
7000
  >
6594
7001
  <span class="pf-c-menu__item-main">
6595
7002
  <span
@@ -6610,8 +7017,12 @@ wrapperTag: div
6610
7017
  </button>
6611
7018
  </li>
6612
7019
  <li class="pf-c-divider" role="separator"></li>
6613
- <li class="pf-c-menu__list-item">
6614
- <a class="pf-c-menu__item" href="#">
7020
+ <li class="pf-c-menu__list-item" role="none">
7021
+ <a
7022
+ class="pf-c-menu__item"
7023
+ href="#"
7024
+ role="menuitem"
7025
+ >
6615
7026
  <span class="pf-c-menu__item-main">
6616
7027
  <span
6617
7028
  class="pf-c-menu__item-text"
@@ -6619,8 +7030,12 @@ wrapperTag: div
6619
7030
  </span>
6620
7031
  </a>
6621
7032
  </li>
6622
- <li class="pf-c-menu__list-item">
6623
- <a class="pf-c-menu__item" href="#">
7033
+ <li class="pf-c-menu__list-item" role="none">
7034
+ <a
7035
+ class="pf-c-menu__item"
7036
+ href="#"
7037
+ role="menuitem"
7038
+ >
6624
7039
  <span class="pf-c-menu__item-main">
6625
7040
  <span class="pf-c-menu__item-text">About</span>
6626
7041
  </span>
@@ -6631,10 +7046,11 @@ wrapperTag: div
6631
7046
  </div>
6632
7047
  </li>
6633
7048
 
6634
- <li class="pf-c-menu__list-item">
7049
+ <li class="pf-c-menu__list-item" role="none">
6635
7050
  <button
6636
7051
  class="pf-c-menu__item"
6637
7052
  type="button"
7053
+ role="menuitem"
6638
7054
  aria-expanded="false"
6639
7055
  >
6640
7056
  <span class="pf-c-menu__item-main">
@@ -6652,13 +7068,15 @@ wrapperTag: div
6652
7068
  </button>
6653
7069
  <div class="pf-c-menu" hidden>
6654
7070
  <div class="pf-c-menu__content">
6655
- <ul class="pf-c-menu__list">
7071
+ <ul class="pf-c-menu__list" role="menu">
6656
7072
  <li
6657
7073
  class="pf-c-menu__list-item pf-m-drill-up"
7074
+ role="none"
6658
7075
  >
6659
7076
  <button
6660
7077
  class="pf-c-menu__item"
6661
7078
  type="button"
7079
+ role="menuitem"
6662
7080
  >
6663
7081
  <span class="pf-c-menu__item-main">
6664
7082
  <span
@@ -6677,8 +7095,12 @@ wrapperTag: div
6677
7095
  </button>
6678
7096
  </li>
6679
7097
  <li class="pf-c-divider" role="separator"></li>
6680
- <li class="pf-c-menu__list-item">
6681
- <a class="pf-c-menu__item" href="#">
7098
+ <li class="pf-c-menu__list-item" role="none">
7099
+ <a
7100
+ class="pf-c-menu__item"
7101
+ href="#"
7102
+ role="menuitem"
7103
+ >
6682
7104
  <span class="pf-c-menu__item-main">
6683
7105
  <span
6684
7106
  class="pf-c-menu__item-text"
@@ -6686,8 +7108,12 @@ wrapperTag: div
6686
7108
  </span>
6687
7109
  </a>
6688
7110
  </li>
6689
- <li class="pf-c-menu__list-item">
6690
- <a class="pf-c-menu__item" href="#">
7111
+ <li class="pf-c-menu__list-item" role="none">
7112
+ <a
7113
+ class="pf-c-menu__item"
7114
+ href="#"
7115
+ role="menuitem"
7116
+ >
6691
7117
  <span class="pf-c-menu__item-main">
6692
7118
  <span
6693
7119
  class="pf-c-menu__item-text"
@@ -6695,8 +7121,12 @@ wrapperTag: div
6695
7121
  </span>
6696
7122
  </a>
6697
7123
  </li>
6698
- <li class="pf-c-menu__list-item">
6699
- <a class="pf-c-menu__item" href="#">
7124
+ <li class="pf-c-menu__list-item" role="none">
7125
+ <a
7126
+ class="pf-c-menu__item"
7127
+ href="#"
7128
+ role="menuitem"
7129
+ >
6700
7130
  <span class="pf-c-menu__item-main">
6701
7131
  <span
6702
7132
  class="pf-c-menu__item-text"
@@ -6709,8 +7139,12 @@ wrapperTag: div
6709
7139
  </div>
6710
7140
  </li>
6711
7141
 
6712
- <li class="pf-c-menu__list-item">
6713
- <button class="pf-c-menu__item" type="button">
7142
+ <li class="pf-c-menu__list-item" role="none">
7143
+ <button
7144
+ class="pf-c-menu__item"
7145
+ type="button"
7146
+ role="menuitem"
7147
+ >
6714
7148
  <span class="pf-c-menu__item-main">
6715
7149
  <span class="pf-c-menu__item-icon">
6716
7150
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -6725,7 +7159,11 @@ wrapperTag: div
6725
7159
  </button>
6726
7160
  <div class="pf-c-menu" hidden>
6727
7161
  <div class="pf-c-menu__header">
6728
- <button class="pf-c-menu__item" type="button">
7162
+ <button
7163
+ class="pf-c-menu__item"
7164
+ type="button"
7165
+ role="menuitem"
7166
+ >
6729
7167
  <span class="pf-c-menu__item-main">
6730
7168
  <span class="pf-c-menu__item-toggle-icon">
6731
7169
  <i class="fas fa-angle-left"></i>
@@ -6756,9 +7194,13 @@ wrapperTag: div
6756
7194
  <hr class="pf-c-divider" />
6757
7195
  <section class="pf-c-menu__group">
6758
7196
  <h1 class="pf-c-menu__group-title">Favorites</h1>
6759
- <ul class="pf-c-menu__list">
6760
- <li class="pf-c-menu__list-item">
6761
- <a class="pf-c-menu__item" href="#">
7197
+ <ul class="pf-c-menu__list" role="menu">
7198
+ <li class="pf-c-menu__list-item" role="none">
7199
+ <a
7200
+ class="pf-c-menu__item"
7201
+ href="#"
7202
+ role="menuitem"
7203
+ >
6762
7204
  <span class="pf-c-menu__item-main">
6763
7205
  <span
6764
7206
  class="pf-c-menu__item-text"
@@ -6778,10 +7220,11 @@ wrapperTag: div
6778
7220
  </span>
6779
7221
  </button>
6780
7222
  </li>
6781
- <li class="pf-c-menu__list-item">
7223
+ <li class="pf-c-menu__list-item" role="none">
6782
7224
  <a
6783
7225
  class="pf-c-menu__item"
6784
7226
  href="#"
7227
+ role="menuitem"
6785
7228
  target="_blank"
6786
7229
  >
6787
7230
  <span class="pf-c-menu__item-main">
@@ -6819,9 +7262,13 @@ wrapperTag: div
6819
7262
  <hr class="pf-c-divider" />
6820
7263
  <section class="pf-c-menu__group">
6821
7264
  <h1 class="pf-c-menu__group-title">Group 1</h1>
6822
- <ul class="pf-c-menu__list">
6823
- <li class="pf-c-menu__list-item">
6824
- <a class="pf-c-menu__item" href="#">
7265
+ <ul class="pf-c-menu__list" role="menu">
7266
+ <li class="pf-c-menu__list-item" role="none">
7267
+ <a
7268
+ class="pf-c-menu__item"
7269
+ href="#"
7270
+ role="menuitem"
7271
+ >
6825
7272
  <span class="pf-c-menu__item-main">
6826
7273
  <span
6827
7274
  class="pf-c-menu__item-text"
@@ -6841,10 +7288,11 @@ wrapperTag: div
6841
7288
  </span>
6842
7289
  </button>
6843
7290
  </li>
6844
- <li class="pf-c-menu__list-item">
7291
+ <li class="pf-c-menu__list-item" role="none">
6845
7292
  <a
6846
7293
  class="pf-c-menu__item"
6847
7294
  href="#"
7295
+ role="menuitem"
6848
7296
  target="_blank"
6849
7297
  >
6850
7298
  <span class="pf-c-menu__item-main">