@patternfly/patternfly 4.179.1 → 4.180.0

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 (36) hide show
  1. package/components/Dropdown/dropdown.css +4 -2
  2. package/components/Dropdown/dropdown.scss +4 -2
  3. package/components/FormControl/form-control.scss +3 -0
  4. package/components/MenuToggle/menu-toggle.css +4 -1
  5. package/components/MenuToggle/menu-toggle.scss +4 -3
  6. package/components/SearchInput/search-input.css +1 -0
  7. package/components/SearchInput/search-input.scss +1 -0
  8. package/components/Select/select.css +3 -2
  9. package/components/Select/select.scss +4 -2
  10. package/docs/components/AppLauncher/examples/application-launcher.md +15 -8
  11. package/docs/components/ContextSelector/examples/context-selector.md +84 -102
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +240 -112
  13. package/docs/components/FormControl/examples/FormControl.md +0 -11
  14. package/docs/components/InputGroup/examples/InputGroup.md +6 -22
  15. package/docs/components/LabelGroup/examples/LabelGroup.md +135 -2
  16. package/docs/components/LogViewer/examples/LogViewer.md +567 -198
  17. package/docs/components/Menu/examples/Menu.md +1908 -983
  18. package/docs/components/MenuToggle/examples/MenuToggle.md +77 -44
  19. package/docs/components/Nav/examples/Navigation.md +563 -231
  20. package/docs/components/Select/examples/Select.md +30 -14
  21. package/docs/components/Spinner/examples/Spinner.md +50 -55
  22. package/docs/components/Toolbar/examples/Toolbar.md +300 -180
  23. package/docs/components/TreeView/examples/TreeView.md +15 -7
  24. package/docs/demos/ContextSelector/examples/ContextSelector.md +515 -218
  25. package/docs/demos/DataList/examples/DataList.md +159 -114
  26. package/docs/demos/Masthead/examples/Masthead.md +482 -237
  27. package/docs/demos/Page/examples/Page.md +945 -350
  28. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  29. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +207 -126
  30. package/docs/demos/Table/examples/Table.md +2459 -1090
  31. package/docs/demos/Toolbar/examples/Toolbar.md +55 -55
  32. package/package.json +1 -1
  33. package/patternfly-no-reset.css +12 -5
  34. package/patternfly.css +12 -5
  35. package/patternfly.min.css +1 -1
  36. package/patternfly.min.css.map +1 -1
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -831,16 +831,21 @@ cssPrefix: pf-c-nav
831
831
  </nav>
832
832
  <div class="pf-c-menu pf-m-flyout pf-m-nav">
833
833
  <div class="pf-c-menu__content">
834
- <ul class="pf-c-menu__list">
835
- <li class="pf-c-menu__list-item">
836
- <a class="pf-c-menu__item" href="#">
834
+ <ul class="pf-c-menu__list" role="menu">
835
+ <li class="pf-c-menu__list-item" role="none">
836
+ <a class="pf-c-menu__item" href="#" role="menuitem">
837
837
  <span class="pf-c-menu__item-main">
838
838
  <span class="pf-c-menu__item-text">Container platform</span>
839
839
  </span>
840
840
  </a>
841
841
  </li>
842
- <li class="pf-c-menu__list-item">
843
- <button class="pf-c-menu__item" type="button" aria-expanded="true">
842
+ <li class="pf-c-menu__list-item" role="none">
843
+ <button
844
+ class="pf-c-menu__item"
845
+ type="button"
846
+ role="menuitem"
847
+ aria-expanded="true"
848
+ >
844
849
  <span class="pf-c-menu__item-main">
845
850
  <span class="pf-c-menu__item-text">Dedicated</span>
846
851
  <span class="pf-c-menu__item-toggle-icon">
@@ -850,23 +855,23 @@ cssPrefix: pf-c-nav
850
855
  </button>
851
856
  <div class="pf-c-menu">
852
857
  <div class="pf-c-menu__content">
853
- <ul class="pf-c-menu__list">
854
- <li class="pf-c-menu__list-item">
855
- <a class="pf-c-menu__item" href="#">
858
+ <ul class="pf-c-menu__list" role="menu">
859
+ <li class="pf-c-menu__list-item" role="none">
860
+ <a class="pf-c-menu__item" href="#" role="menuitem">
856
861
  <span class="pf-c-menu__item-main">
857
862
  <span class="pf-c-menu__item-text">Dedicated (Annual)</span>
858
863
  </span>
859
864
  </a>
860
865
  </li>
861
- <li class="pf-c-menu__list-item">
862
- <a class="pf-c-menu__item" href="#">
866
+ <li class="pf-c-menu__list-item" role="none">
867
+ <a class="pf-c-menu__item" href="#" role="menuitem">
863
868
  <span class="pf-c-menu__item-main">
864
869
  <span class="pf-c-menu__item-text">Dedicated (On-Demand)</span>
865
870
  </span>
866
871
  </a>
867
872
  </li>
868
- <li class="pf-c-menu__list-item">
869
- <a class="pf-c-menu__item" href="#">
873
+ <li class="pf-c-menu__list-item" role="none">
874
+ <a class="pf-c-menu__item" href="#" role="menuitem">
870
875
  <span class="pf-c-menu__item-main">
871
876
  <span
872
877
  class="pf-c-menu__item-text"
@@ -890,37 +895,46 @@ cssPrefix: pf-c-nav
890
895
  <nav class="pf-c-nav" aria-label="Drilldown menu example">
891
896
  <div class="pf-c-menu pf-m-drilldown">
892
897
  <div class="pf-c-menu__content">
893
- <ul class="pf-c-menu__list">
894
- <li class="pf-c-menu__list-item">
895
- <button class="pf-c-menu__item" type="button">
898
+ <ul class="pf-c-menu__list" role="menu">
899
+ <li class="pf-c-menu__list-item" role="none">
900
+ <button class="pf-c-menu__item" type="button" role="menuitem">
896
901
  <span class="pf-c-menu__item-main">
897
902
  <span class="pf-c-menu__item-text">Start rollout</span>
898
903
  </span>
899
904
  </button>
900
905
  </li>
901
- <li class="pf-c-menu__list-item">
902
- <button class="pf-c-menu__item" type="button">
906
+ <li class="pf-c-menu__list-item" role="none">
907
+ <button class="pf-c-menu__item" type="button" role="menuitem">
903
908
  <span class="pf-c-menu__item-main">
904
909
  <span class="pf-c-menu__item-text">Pause rollout</span>
905
910
  </span>
906
911
  </button>
907
912
  </li>
908
- <li class="pf-c-menu__list-item">
909
- <button class="pf-c-menu__item pf-m-current" type="button">
913
+ <li class="pf-c-menu__list-item" role="none">
914
+ <button
915
+ class="pf-c-menu__item pf-m-current"
916
+ type="button"
917
+ role="menuitem"
918
+ >
910
919
  <span class="pf-c-menu__item-main">
911
920
  <span class="pf-c-menu__item-text">Current link</span>
912
921
  </span>
913
922
  </button>
914
923
  </li>
915
- <li class="pf-c-menu__list-item">
916
- <button class="pf-c-menu__item" type="button">
924
+ <li class="pf-c-menu__list-item" role="none">
925
+ <button class="pf-c-menu__item" type="button" role="menuitem">
917
926
  <span class="pf-c-menu__item-main">
918
927
  <span class="pf-c-menu__item-text">Add storage</span>
919
928
  </span>
920
929
  </button>
921
930
  </li>
922
- <li class="pf-c-menu__list-item">
923
- <button class="pf-c-menu__item" type="button" aria-expanded="false">
931
+ <li class="pf-c-menu__list-item" role="none">
932
+ <button
933
+ class="pf-c-menu__item"
934
+ type="button"
935
+ role="menuitem"
936
+ aria-expanded="false"
937
+ >
924
938
  <span class="pf-c-menu__item-main">
925
939
  <span class="pf-c-menu__item-text">Edit</span>
926
940
  <span class="pf-c-menu__item-toggle-icon">
@@ -930,9 +944,14 @@ cssPrefix: pf-c-nav
930
944
  </button>
931
945
  <div class="pf-c-menu">
932
946
  <div class="pf-c-menu__content">
933
- <ul class="pf-c-menu__list">
934
- <li class="pf-c-menu__list-item pf-m-drill-up">
935
- <button class="pf-c-menu__item" type="button" tabindex="0">
947
+ <ul class="pf-c-menu__list" role="menu">
948
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
949
+ <button
950
+ class="pf-c-menu__item"
951
+ type="button"
952
+ role="menuitem"
953
+ tabindex="0"
954
+ >
936
955
  <span class="pf-c-menu__item-main">
937
956
  <span class="pf-c-menu__item-toggle-icon">
938
957
  <i class="fas fa-angle-left"></i>
@@ -941,10 +960,11 @@ cssPrefix: pf-c-nav
941
960
  </span>
942
961
  </button>
943
962
  </li>
944
- <li class="pf-c-menu__list-item">
963
+ <li class="pf-c-menu__list-item" role="none">
945
964
  <button
946
965
  class="pf-c-menu__item"
947
966
  type="button"
967
+ role="menuitem"
948
968
  aria-expanded="false"
949
969
  >
950
970
  <span class="pf-c-menu__item-main">
@@ -956,11 +976,15 @@ cssPrefix: pf-c-nav
956
976
  </button>
957
977
  <div class="pf-c-menu">
958
978
  <div class="pf-c-menu__content">
959
- <ul class="pf-c-menu__list">
960
- <li class="pf-c-menu__list-item pf-m-drill-up">
979
+ <ul class="pf-c-menu__list" role="menu">
980
+ <li
981
+ class="pf-c-menu__list-item pf-m-drill-up"
982
+ role="none"
983
+ >
961
984
  <button
962
985
  class="pf-c-menu__item"
963
986
  type="button"
987
+ role="menuitem"
964
988
  tabindex="0"
965
989
  >
966
990
  <span class="pf-c-menu__item-main">
@@ -971,31 +995,44 @@ cssPrefix: pf-c-nav
971
995
  </span>
972
996
  </button>
973
997
  </li>
974
- <li class="pf-c-menu__list-item">
975
- <button class="pf-c-menu__item" type="button">
998
+ <li class="pf-c-menu__list-item" role="none">
999
+ <button
1000
+ class="pf-c-menu__item"
1001
+ type="button"
1002
+ role="menuitem"
1003
+ >
976
1004
  <span class="pf-c-menu__item-main">
977
1005
  <span class="pf-c-menu__item-text">Routes</span>
978
1006
  </span>
979
1007
  </button>
980
1008
  </li>
981
- <li class="pf-c-menu__list-item">
982
- <button class="pf-c-menu__item" type="button">
1009
+ <li class="pf-c-menu__list-item" role="none">
1010
+ <button
1011
+ class="pf-c-menu__item"
1012
+ type="button"
1013
+ role="menuitem"
1014
+ >
983
1015
  <span class="pf-c-menu__item-main">
984
1016
  <span class="pf-c-menu__item-text">Nodes</span>
985
1017
  </span>
986
1018
  </button>
987
1019
  </li>
988
- <li class="pf-c-menu__list-item">
989
- <button class="pf-c-menu__item" type="button">
1020
+ <li class="pf-c-menu__list-item" role="none">
1021
+ <button
1022
+ class="pf-c-menu__item"
1023
+ type="button"
1024
+ role="menuitem"
1025
+ >
990
1026
  <span class="pf-c-menu__item-main">
991
1027
  <span class="pf-c-menu__item-text">URLs</span>
992
1028
  </span>
993
1029
  </button>
994
1030
  </li>
995
- <li class="pf-c-menu__list-item">
1031
+ <li class="pf-c-menu__list-item" role="none">
996
1032
  <button
997
1033
  class="pf-c-menu__item"
998
1034
  type="button"
1035
+ role="menuitem"
999
1036
  aria-expanded="false"
1000
1037
  >
1001
1038
  <span class="pf-c-menu__item-main">
@@ -1009,11 +1046,15 @@ cssPrefix: pf-c-nav
1009
1046
  </button>
1010
1047
  <div class="pf-c-menu">
1011
1048
  <div class="pf-c-menu__content">
1012
- <ul class="pf-c-menu__list">
1013
- <li class="pf-c-menu__list-item pf-m-drill-up">
1049
+ <ul class="pf-c-menu__list" role="menu">
1050
+ <li
1051
+ class="pf-c-menu__list-item pf-m-drill-up"
1052
+ role="none"
1053
+ >
1014
1054
  <button
1015
1055
  class="pf-c-menu__item"
1016
1056
  type="button"
1057
+ role="menuitem"
1017
1058
  tabindex="0"
1018
1059
  >
1019
1060
  <span class="pf-c-menu__item-main">
@@ -1026,15 +1067,23 @@ cssPrefix: pf-c-nav
1026
1067
  </span>
1027
1068
  </button>
1028
1069
  </li>
1029
- <li class="pf-c-menu__list-item">
1030
- <button class="pf-c-menu__item" type="button">
1070
+ <li class="pf-c-menu__list-item" role="none">
1071
+ <button
1072
+ class="pf-c-menu__item"
1073
+ type="button"
1074
+ role="menuitem"
1075
+ >
1031
1076
  <span class="pf-c-menu__item-main">
1032
1077
  <span class="pf-c-menu__item-text">Reports</span>
1033
1078
  </span>
1034
1079
  </button>
1035
1080
  </li>
1036
- <li class="pf-c-menu__list-item">
1037
- <button class="pf-c-menu__item" type="button">
1081
+ <li class="pf-c-menu__list-item" role="none">
1082
+ <button
1083
+ class="pf-c-menu__item"
1084
+ type="button"
1085
+ role="menuitem"
1086
+ >
1038
1087
  <span class="pf-c-menu__item-main">
1039
1088
  <span
1040
1089
  class="pf-c-menu__item-text"
@@ -1042,8 +1091,12 @@ cssPrefix: pf-c-nav
1042
1091
  </span>
1043
1092
  </button>
1044
1093
  </li>
1045
- <li class="pf-c-menu__list-item">
1046
- <button class="pf-c-menu__item" type="button">
1094
+ <li class="pf-c-menu__list-item" role="none">
1095
+ <button
1096
+ class="pf-c-menu__item"
1097
+ type="button"
1098
+ role="menuitem"
1099
+ >
1047
1100
  <span class="pf-c-menu__item-main">
1048
1101
  <span class="pf-c-menu__item-text">Systems</span>
1049
1102
  </span>
@@ -1057,10 +1110,11 @@ cssPrefix: pf-c-nav
1057
1110
  </div>
1058
1111
  </div>
1059
1112
  </li>
1060
- <li class="pf-c-menu__list-item">
1113
+ <li class="pf-c-menu__list-item" role="none">
1061
1114
  <button
1062
1115
  class="pf-c-menu__item"
1063
1116
  type="button"
1117
+ role="menuitem"
1064
1118
  aria-expanded="false"
1065
1119
  >
1066
1120
  <span class="pf-c-menu__item-main">
@@ -1072,9 +1126,16 @@ cssPrefix: pf-c-nav
1072
1126
  </button>
1073
1127
  <div class="pf-c-menu">
1074
1128
  <div class="pf-c-menu__content">
1075
- <ul class="pf-c-menu__list">
1076
- <li class="pf-c-menu__list-item pf-m-drill-up">
1077
- <button class="pf-c-menu__item" type="button">
1129
+ <ul class="pf-c-menu__list" role="menu">
1130
+ <li
1131
+ class="pf-c-menu__list-item pf-m-drill-up"
1132
+ role="none"
1133
+ >
1134
+ <button
1135
+ class="pf-c-menu__item"
1136
+ type="button"
1137
+ role="menuitem"
1138
+ >
1078
1139
  <span class="pf-c-menu__item-main">
1079
1140
  <span class="pf-c-menu__item-toggle-icon">
1080
1141
  <i class="fas fa-angle-left"></i>
@@ -1083,22 +1144,34 @@ cssPrefix: pf-c-nav
1083
1144
  </span>
1084
1145
  </button>
1085
1146
  </li>
1086
- <li class="pf-c-menu__list-item">
1087
- <button class="pf-c-menu__item" type="button">
1147
+ <li class="pf-c-menu__list-item" role="none">
1148
+ <button
1149
+ class="pf-c-menu__item"
1150
+ type="button"
1151
+ role="menuitem"
1152
+ >
1088
1153
  <span class="pf-c-menu__item-main">
1089
1154
  <span class="pf-c-menu__item-text">Reports</span>
1090
1155
  </span>
1091
1156
  </button>
1092
1157
  </li>
1093
- <li class="pf-c-menu__list-item">
1094
- <button class="pf-c-menu__item" type="button">
1158
+ <li class="pf-c-menu__list-item" role="none">
1159
+ <button
1160
+ class="pf-c-menu__item"
1161
+ type="button"
1162
+ role="menuitem"
1163
+ >
1095
1164
  <span class="pf-c-menu__item-main">
1096
1165
  <span class="pf-c-menu__item-text">Policies</span>
1097
1166
  </span>
1098
1167
  </button>
1099
1168
  </li>
1100
- <li class="pf-c-menu__list-item">
1101
- <button class="pf-c-menu__item" type="button">
1169
+ <li class="pf-c-menu__list-item" role="none">
1170
+ <button
1171
+ class="pf-c-menu__item"
1172
+ type="button"
1173
+ role="menuitem"
1174
+ >
1102
1175
  <span class="pf-c-menu__item-main">
1103
1176
  <span class="pf-c-menu__item-text">Systems</span>
1104
1177
  </span>
@@ -1108,8 +1181,8 @@ cssPrefix: pf-c-nav
1108
1181
  </div>
1109
1182
  </div>
1110
1183
  </li>
1111
- <li class="pf-c-menu__list-item">
1112
- <button class="pf-c-menu__item" type="button">
1184
+ <li class="pf-c-menu__list-item" role="none">
1185
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1113
1186
  <span class="pf-c-menu__item-main">
1114
1187
  <span
1115
1188
  class="pf-c-menu__item-text"
@@ -1121,8 +1194,13 @@ cssPrefix: pf-c-nav
1121
1194
  </div>
1122
1195
  </div>
1123
1196
  </li>
1124
- <li class="pf-c-menu__list-item">
1125
- <button class="pf-c-menu__item" type="button" aria-expanded="false">
1197
+ <li class="pf-c-menu__list-item" role="none">
1198
+ <button
1199
+ class="pf-c-menu__item"
1200
+ type="button"
1201
+ role="menuitem"
1202
+ aria-expanded="false"
1203
+ >
1126
1204
  <span class="pf-c-menu__item-main">
1127
1205
  <span class="pf-c-menu__item-text">Configuration</span>
1128
1206
  <span class="pf-c-menu__item-toggle-icon">
@@ -1132,9 +1210,9 @@ cssPrefix: pf-c-nav
1132
1210
  </button>
1133
1211
  <div class="pf-c-menu">
1134
1212
  <div class="pf-c-menu__content">
1135
- <ul class="pf-c-menu__list">
1136
- <li class="pf-c-menu__list-item pf-m-drill-up">
1137
- <button class="pf-c-menu__item" type="button">
1213
+ <ul class="pf-c-menu__list" role="menu">
1214
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
1215
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1138
1216
  <span class="pf-c-menu__item-main">
1139
1217
  <span class="pf-c-menu__item-toggle-icon">
1140
1218
  <i class="fas fa-angle-left"></i>
@@ -1143,10 +1221,11 @@ cssPrefix: pf-c-nav
1143
1221
  </span>
1144
1222
  </button>
1145
1223
  </li>
1146
- <li class="pf-c-menu__list-item">
1224
+ <li class="pf-c-menu__list-item" role="none">
1147
1225
  <button
1148
1226
  class="pf-c-menu__item"
1149
1227
  type="button"
1228
+ role="menuitem"
1150
1229
  aria-expanded="false"
1151
1230
  >
1152
1231
  <span class="pf-c-menu__item-main">
@@ -1158,9 +1237,16 @@ cssPrefix: pf-c-nav
1158
1237
  </button>
1159
1238
  <div class="pf-c-menu">
1160
1239
  <div class="pf-c-menu__content">
1161
- <ul class="pf-c-menu__list">
1162
- <li class="pf-c-menu__list-item pf-m-drill-up">
1163
- <button class="pf-c-menu__item" type="button">
1240
+ <ul class="pf-c-menu__list" role="menu">
1241
+ <li
1242
+ class="pf-c-menu__list-item pf-m-drill-up"
1243
+ role="none"
1244
+ >
1245
+ <button
1246
+ class="pf-c-menu__item"
1247
+ type="button"
1248
+ role="menuitem"
1249
+ >
1164
1250
  <span class="pf-c-menu__item-main">
1165
1251
  <span class="pf-c-menu__item-toggle-icon">
1166
1252
  <i class="fas fa-angle-left"></i>
@@ -1169,22 +1255,34 @@ cssPrefix: pf-c-nav
1169
1255
  </span>
1170
1256
  </button>
1171
1257
  </li>
1172
- <li class="pf-c-menu__list-item">
1173
- <button class="pf-c-menu__item" type="button">
1258
+ <li class="pf-c-menu__list-item" role="none">
1259
+ <button
1260
+ class="pf-c-menu__item"
1261
+ type="button"
1262
+ role="menuitem"
1263
+ >
1174
1264
  <span class="pf-c-menu__item-main">
1175
1265
  <span class="pf-c-menu__item-text">Avatar</span>
1176
1266
  </span>
1177
1267
  </button>
1178
1268
  </li>
1179
- <li class="pf-c-menu__list-item">
1180
- <button class="pf-c-menu__item" type="button">
1269
+ <li class="pf-c-menu__list-item" role="none">
1270
+ <button
1271
+ class="pf-c-menu__item"
1272
+ type="button"
1273
+ role="menuitem"
1274
+ >
1181
1275
  <span class="pf-c-menu__item-main">
1182
1276
  <span class="pf-c-menu__item-text">Name</span>
1183
1277
  </span>
1184
1278
  </button>
1185
1279
  </li>
1186
- <li class="pf-c-menu__list-item">
1187
- <button class="pf-c-menu__item" type="button">
1280
+ <li class="pf-c-menu__list-item" role="none">
1281
+ <button
1282
+ class="pf-c-menu__item"
1283
+ type="button"
1284
+ role="menuitem"
1285
+ >
1188
1286
  <span class="pf-c-menu__item-main">
1189
1287
  <span class="pf-c-menu__item-text">Title</span>
1190
1288
  </span>
@@ -1194,22 +1292,22 @@ cssPrefix: pf-c-nav
1194
1292
  </div>
1195
1293
  </div>
1196
1294
  </li>
1197
- <li class="pf-c-menu__list-item">
1198
- <button class="pf-c-menu__item" type="button">
1295
+ <li class="pf-c-menu__list-item" role="none">
1296
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1199
1297
  <span class="pf-c-menu__item-main">
1200
1298
  <span class="pf-c-menu__item-text">Time zone</span>
1201
1299
  </span>
1202
1300
  </button>
1203
1301
  </li>
1204
- <li class="pf-c-menu__list-item">
1205
- <button class="pf-c-menu__item" type="button">
1302
+ <li class="pf-c-menu__list-item" role="none">
1303
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1206
1304
  <span class="pf-c-menu__item-main">
1207
1305
  <span class="pf-c-menu__item-text">Account settings</span>
1208
1306
  </span>
1209
1307
  </button>
1210
1308
  </li>
1211
- <li class="pf-c-menu__list-item">
1212
- <button class="pf-c-menu__item" type="button">
1309
+ <li class="pf-c-menu__list-item" role="none">
1310
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1213
1311
  <span class="pf-c-menu__item-main">
1214
1312
  <span
1215
1313
  class="pf-c-menu__item-text"
@@ -1217,10 +1315,11 @@ cssPrefix: pf-c-nav
1217
1315
  </span>
1218
1316
  </button>
1219
1317
  </li>
1220
- <li class="pf-c-menu__list-item">
1318
+ <li class="pf-c-menu__list-item" role="none">
1221
1319
  <button
1222
1320
  class="pf-c-menu__item"
1223
1321
  type="button"
1322
+ role="menuitem"
1224
1323
  aria-expanded="false"
1225
1324
  >
1226
1325
  <span class="pf-c-menu__item-main">
@@ -1232,9 +1331,16 @@ cssPrefix: pf-c-nav
1232
1331
  </button>
1233
1332
  <div class="pf-c-menu">
1234
1333
  <div class="pf-c-menu__content">
1235
- <ul class="pf-c-menu__list">
1236
- <li class="pf-c-menu__list-item pf-m-drill-up">
1237
- <button class="pf-c-menu__item" type="button">
1334
+ <ul class="pf-c-menu__list" role="menu">
1335
+ <li
1336
+ class="pf-c-menu__list-item pf-m-drill-up"
1337
+ role="none"
1338
+ >
1339
+ <button
1340
+ class="pf-c-menu__item"
1341
+ type="button"
1342
+ role="menuitem"
1343
+ >
1238
1344
  <span class="pf-c-menu__item-main">
1239
1345
  <span class="pf-c-menu__item-toggle-icon">
1240
1346
  <i class="fas fa-angle-left"></i>
@@ -1245,15 +1351,23 @@ cssPrefix: pf-c-nav
1245
1351
  </span>
1246
1352
  </button>
1247
1353
  </li>
1248
- <li class="pf-c-menu__list-item">
1249
- <button class="pf-c-menu__item" type="button">
1354
+ <li class="pf-c-menu__list-item" role="none">
1355
+ <button
1356
+ class="pf-c-menu__item"
1357
+ type="button"
1358
+ role="menuitem"
1359
+ >
1250
1360
  <span class="pf-c-menu__item-main">
1251
1361
  <span class="pf-c-menu__item-text">Global access</span>
1252
1362
  </span>
1253
1363
  </button>
1254
1364
  </li>
1255
- <li class="pf-c-menu__list-item">
1256
- <button class="pf-c-menu__item" type="button">
1365
+ <li class="pf-c-menu__list-item" role="none">
1366
+ <button
1367
+ class="pf-c-menu__item"
1368
+ type="button"
1369
+ role="menuitem"
1370
+ >
1257
1371
  <span class="pf-c-menu__item-main">
1258
1372
  <span class="pf-c-menu__item-text">Account access</span>
1259
1373
  </span>
@@ -1283,37 +1397,46 @@ cssPrefix: pf-c-nav
1283
1397
  class="pf-c-menu__content"
1284
1398
  style="--pf-c-menu__content--Height: 228px;"
1285
1399
  >
1286
- <ul class="pf-c-menu__list">
1287
- <li class="pf-c-menu__list-item">
1288
- <button class="pf-c-menu__item" type="button">
1400
+ <ul class="pf-c-menu__list" role="menu">
1401
+ <li class="pf-c-menu__list-item" role="none">
1402
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1289
1403
  <span class="pf-c-menu__item-main">
1290
1404
  <span class="pf-c-menu__item-text">Start rollout</span>
1291
1405
  </span>
1292
1406
  </button>
1293
1407
  </li>
1294
- <li class="pf-c-menu__list-item">
1295
- <button class="pf-c-menu__item" type="button">
1408
+ <li class="pf-c-menu__list-item" role="none">
1409
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1296
1410
  <span class="pf-c-menu__item-main">
1297
1411
  <span class="pf-c-menu__item-text">Pause rollout</span>
1298
1412
  </span>
1299
1413
  </button>
1300
1414
  </li>
1301
- <li class="pf-c-menu__list-item">
1302
- <button class="pf-c-menu__item pf-m-current" type="button">
1415
+ <li class="pf-c-menu__list-item" role="none">
1416
+ <button
1417
+ class="pf-c-menu__item pf-m-current"
1418
+ type="button"
1419
+ role="menuitem"
1420
+ >
1303
1421
  <span class="pf-c-menu__item-main">
1304
1422
  <span class="pf-c-menu__item-text">Current link</span>
1305
1423
  </span>
1306
1424
  </button>
1307
1425
  </li>
1308
- <li class="pf-c-menu__list-item">
1309
- <button class="pf-c-menu__item" type="button">
1426
+ <li class="pf-c-menu__list-item" role="none">
1427
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1310
1428
  <span class="pf-c-menu__item-main">
1311
1429
  <span class="pf-c-menu__item-text">Add storage</span>
1312
1430
  </span>
1313
1431
  </button>
1314
1432
  </li>
1315
- <li class="pf-c-menu__list-item pf-m-current-path">
1316
- <button class="pf-c-menu__item" type="button" aria-expanded="true">
1433
+ <li class="pf-c-menu__list-item pf-m-current-path" role="none">
1434
+ <button
1435
+ class="pf-c-menu__item"
1436
+ type="button"
1437
+ role="menuitem"
1438
+ aria-expanded="true"
1439
+ >
1317
1440
  <span class="pf-c-menu__item-main">
1318
1441
  <span class="pf-c-menu__item-text">Edit</span>
1319
1442
  <span class="pf-c-menu__item-toggle-icon">
@@ -1323,9 +1446,14 @@ cssPrefix: pf-c-nav
1323
1446
  </button>
1324
1447
  <div class="pf-c-menu">
1325
1448
  <div class="pf-c-menu__content">
1326
- <ul class="pf-c-menu__list">
1327
- <li class="pf-c-menu__list-item pf-m-drill-up">
1328
- <button class="pf-c-menu__item" type="button" tabindex="0">
1449
+ <ul class="pf-c-menu__list" role="menu">
1450
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
1451
+ <button
1452
+ class="pf-c-menu__item"
1453
+ type="button"
1454
+ role="menuitem"
1455
+ tabindex="0"
1456
+ >
1329
1457
  <span class="pf-c-menu__item-main">
1330
1458
  <span class="pf-c-menu__item-toggle-icon">
1331
1459
  <i class="fas fa-angle-left"></i>
@@ -1334,10 +1462,11 @@ cssPrefix: pf-c-nav
1334
1462
  </span>
1335
1463
  </button>
1336
1464
  </li>
1337
- <li class="pf-c-menu__list-item">
1465
+ <li class="pf-c-menu__list-item" role="none">
1338
1466
  <button
1339
1467
  class="pf-c-menu__item"
1340
1468
  type="button"
1469
+ role="menuitem"
1341
1470
  aria-expanded="false"
1342
1471
  >
1343
1472
  <span class="pf-c-menu__item-main">
@@ -1349,11 +1478,15 @@ cssPrefix: pf-c-nav
1349
1478
  </button>
1350
1479
  <div class="pf-c-menu">
1351
1480
  <div class="pf-c-menu__content">
1352
- <ul class="pf-c-menu__list">
1353
- <li class="pf-c-menu__list-item pf-m-drill-up">
1481
+ <ul class="pf-c-menu__list" role="menu">
1482
+ <li
1483
+ class="pf-c-menu__list-item pf-m-drill-up"
1484
+ role="none"
1485
+ >
1354
1486
  <button
1355
1487
  class="pf-c-menu__item"
1356
1488
  type="button"
1489
+ role="menuitem"
1357
1490
  tabindex="0"
1358
1491
  >
1359
1492
  <span class="pf-c-menu__item-main">
@@ -1364,31 +1497,44 @@ cssPrefix: pf-c-nav
1364
1497
  </span>
1365
1498
  </button>
1366
1499
  </li>
1367
- <li class="pf-c-menu__list-item">
1368
- <button class="pf-c-menu__item" type="button">
1500
+ <li class="pf-c-menu__list-item" role="none">
1501
+ <button
1502
+ class="pf-c-menu__item"
1503
+ type="button"
1504
+ role="menuitem"
1505
+ >
1369
1506
  <span class="pf-c-menu__item-main">
1370
1507
  <span class="pf-c-menu__item-text">Routes</span>
1371
1508
  </span>
1372
1509
  </button>
1373
1510
  </li>
1374
- <li class="pf-c-menu__list-item">
1375
- <button class="pf-c-menu__item" type="button">
1511
+ <li class="pf-c-menu__list-item" role="none">
1512
+ <button
1513
+ class="pf-c-menu__item"
1514
+ type="button"
1515
+ role="menuitem"
1516
+ >
1376
1517
  <span class="pf-c-menu__item-main">
1377
1518
  <span class="pf-c-menu__item-text">Nodes</span>
1378
1519
  </span>
1379
1520
  </button>
1380
1521
  </li>
1381
- <li class="pf-c-menu__list-item">
1382
- <button class="pf-c-menu__item" type="button">
1522
+ <li class="pf-c-menu__list-item" role="none">
1523
+ <button
1524
+ class="pf-c-menu__item"
1525
+ type="button"
1526
+ role="menuitem"
1527
+ >
1383
1528
  <span class="pf-c-menu__item-main">
1384
1529
  <span class="pf-c-menu__item-text">URLs</span>
1385
1530
  </span>
1386
1531
  </button>
1387
1532
  </li>
1388
- <li class="pf-c-menu__list-item">
1533
+ <li class="pf-c-menu__list-item" role="none">
1389
1534
  <button
1390
1535
  class="pf-c-menu__item"
1391
1536
  type="button"
1537
+ role="menuitem"
1392
1538
  aria-expanded="false"
1393
1539
  >
1394
1540
  <span class="pf-c-menu__item-main">
@@ -1402,11 +1548,15 @@ cssPrefix: pf-c-nav
1402
1548
  </button>
1403
1549
  <div class="pf-c-menu">
1404
1550
  <div class="pf-c-menu__content">
1405
- <ul class="pf-c-menu__list">
1406
- <li class="pf-c-menu__list-item pf-m-drill-up">
1551
+ <ul class="pf-c-menu__list" role="menu">
1552
+ <li
1553
+ class="pf-c-menu__list-item pf-m-drill-up"
1554
+ role="none"
1555
+ >
1407
1556
  <button
1408
1557
  class="pf-c-menu__item"
1409
1558
  type="button"
1559
+ role="menuitem"
1410
1560
  tabindex="0"
1411
1561
  >
1412
1562
  <span class="pf-c-menu__item-main">
@@ -1419,15 +1569,23 @@ cssPrefix: pf-c-nav
1419
1569
  </span>
1420
1570
  </button>
1421
1571
  </li>
1422
- <li class="pf-c-menu__list-item">
1423
- <button class="pf-c-menu__item" type="button">
1572
+ <li class="pf-c-menu__list-item" role="none">
1573
+ <button
1574
+ class="pf-c-menu__item"
1575
+ type="button"
1576
+ role="menuitem"
1577
+ >
1424
1578
  <span class="pf-c-menu__item-main">
1425
1579
  <span class="pf-c-menu__item-text">Reports</span>
1426
1580
  </span>
1427
1581
  </button>
1428
1582
  </li>
1429
- <li class="pf-c-menu__list-item">
1430
- <button class="pf-c-menu__item" type="button">
1583
+ <li class="pf-c-menu__list-item" role="none">
1584
+ <button
1585
+ class="pf-c-menu__item"
1586
+ type="button"
1587
+ role="menuitem"
1588
+ >
1431
1589
  <span class="pf-c-menu__item-main">
1432
1590
  <span
1433
1591
  class="pf-c-menu__item-text"
@@ -1435,8 +1593,12 @@ cssPrefix: pf-c-nav
1435
1593
  </span>
1436
1594
  </button>
1437
1595
  </li>
1438
- <li class="pf-c-menu__list-item">
1439
- <button class="pf-c-menu__item" type="button">
1596
+ <li class="pf-c-menu__list-item" role="none">
1597
+ <button
1598
+ class="pf-c-menu__item"
1599
+ type="button"
1600
+ role="menuitem"
1601
+ >
1440
1602
  <span class="pf-c-menu__item-main">
1441
1603
  <span class="pf-c-menu__item-text">Systems</span>
1442
1604
  </span>
@@ -1450,10 +1612,11 @@ cssPrefix: pf-c-nav
1450
1612
  </div>
1451
1613
  </div>
1452
1614
  </li>
1453
- <li class="pf-c-menu__list-item">
1615
+ <li class="pf-c-menu__list-item" role="none">
1454
1616
  <button
1455
1617
  class="pf-c-menu__item"
1456
1618
  type="button"
1619
+ role="menuitem"
1457
1620
  aria-expanded="false"
1458
1621
  >
1459
1622
  <span class="pf-c-menu__item-main">
@@ -1465,9 +1628,16 @@ cssPrefix: pf-c-nav
1465
1628
  </button>
1466
1629
  <div class="pf-c-menu">
1467
1630
  <div class="pf-c-menu__content">
1468
- <ul class="pf-c-menu__list">
1469
- <li class="pf-c-menu__list-item pf-m-drill-up">
1470
- <button class="pf-c-menu__item" type="button">
1631
+ <ul class="pf-c-menu__list" role="menu">
1632
+ <li
1633
+ class="pf-c-menu__list-item pf-m-drill-up"
1634
+ role="none"
1635
+ >
1636
+ <button
1637
+ class="pf-c-menu__item"
1638
+ type="button"
1639
+ role="menuitem"
1640
+ >
1471
1641
  <span class="pf-c-menu__item-main">
1472
1642
  <span class="pf-c-menu__item-toggle-icon">
1473
1643
  <i class="fas fa-angle-left"></i>
@@ -1476,22 +1646,34 @@ cssPrefix: pf-c-nav
1476
1646
  </span>
1477
1647
  </button>
1478
1648
  </li>
1479
- <li class="pf-c-menu__list-item">
1480
- <button class="pf-c-menu__item" type="button">
1649
+ <li class="pf-c-menu__list-item" role="none">
1650
+ <button
1651
+ class="pf-c-menu__item"
1652
+ type="button"
1653
+ role="menuitem"
1654
+ >
1481
1655
  <span class="pf-c-menu__item-main">
1482
1656
  <span class="pf-c-menu__item-text">Reports</span>
1483
1657
  </span>
1484
1658
  </button>
1485
1659
  </li>
1486
- <li class="pf-c-menu__list-item">
1487
- <button class="pf-c-menu__item" type="button">
1660
+ <li class="pf-c-menu__list-item" role="none">
1661
+ <button
1662
+ class="pf-c-menu__item"
1663
+ type="button"
1664
+ role="menuitem"
1665
+ >
1488
1666
  <span class="pf-c-menu__item-main">
1489
1667
  <span class="pf-c-menu__item-text">Policies</span>
1490
1668
  </span>
1491
1669
  </button>
1492
1670
  </li>
1493
- <li class="pf-c-menu__list-item">
1494
- <button class="pf-c-menu__item" type="button">
1671
+ <li class="pf-c-menu__list-item" role="none">
1672
+ <button
1673
+ class="pf-c-menu__item"
1674
+ type="button"
1675
+ role="menuitem"
1676
+ >
1495
1677
  <span class="pf-c-menu__item-main">
1496
1678
  <span class="pf-c-menu__item-text">Systems</span>
1497
1679
  </span>
@@ -1501,8 +1683,8 @@ cssPrefix: pf-c-nav
1501
1683
  </div>
1502
1684
  </div>
1503
1685
  </li>
1504
- <li class="pf-c-menu__list-item">
1505
- <button class="pf-c-menu__item" type="button">
1686
+ <li class="pf-c-menu__list-item" role="none">
1687
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1506
1688
  <span class="pf-c-menu__item-main">
1507
1689
  <span
1508
1690
  class="pf-c-menu__item-text"
@@ -1514,8 +1696,13 @@ cssPrefix: pf-c-nav
1514
1696
  </div>
1515
1697
  </div>
1516
1698
  </li>
1517
- <li class="pf-c-menu__list-item">
1518
- <button class="pf-c-menu__item" type="button" aria-expanded="false">
1699
+ <li class="pf-c-menu__list-item" role="none">
1700
+ <button
1701
+ class="pf-c-menu__item"
1702
+ type="button"
1703
+ role="menuitem"
1704
+ aria-expanded="false"
1705
+ >
1519
1706
  <span class="pf-c-menu__item-main">
1520
1707
  <span class="pf-c-menu__item-text">Configuration</span>
1521
1708
  <span class="pf-c-menu__item-toggle-icon">
@@ -1525,9 +1712,9 @@ cssPrefix: pf-c-nav
1525
1712
  </button>
1526
1713
  <div class="pf-c-menu">
1527
1714
  <div class="pf-c-menu__content">
1528
- <ul class="pf-c-menu__list">
1529
- <li class="pf-c-menu__list-item pf-m-drill-up">
1530
- <button class="pf-c-menu__item" type="button">
1715
+ <ul class="pf-c-menu__list" role="menu">
1716
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
1717
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1531
1718
  <span class="pf-c-menu__item-main">
1532
1719
  <span class="pf-c-menu__item-toggle-icon">
1533
1720
  <i class="fas fa-angle-left"></i>
@@ -1536,10 +1723,11 @@ cssPrefix: pf-c-nav
1536
1723
  </span>
1537
1724
  </button>
1538
1725
  </li>
1539
- <li class="pf-c-menu__list-item">
1726
+ <li class="pf-c-menu__list-item" role="none">
1540
1727
  <button
1541
1728
  class="pf-c-menu__item"
1542
1729
  type="button"
1730
+ role="menuitem"
1543
1731
  aria-expanded="false"
1544
1732
  >
1545
1733
  <span class="pf-c-menu__item-main">
@@ -1551,9 +1739,16 @@ cssPrefix: pf-c-nav
1551
1739
  </button>
1552
1740
  <div class="pf-c-menu">
1553
1741
  <div class="pf-c-menu__content">
1554
- <ul class="pf-c-menu__list">
1555
- <li class="pf-c-menu__list-item pf-m-drill-up">
1556
- <button class="pf-c-menu__item" type="button">
1742
+ <ul class="pf-c-menu__list" role="menu">
1743
+ <li
1744
+ class="pf-c-menu__list-item pf-m-drill-up"
1745
+ role="none"
1746
+ >
1747
+ <button
1748
+ class="pf-c-menu__item"
1749
+ type="button"
1750
+ role="menuitem"
1751
+ >
1557
1752
  <span class="pf-c-menu__item-main">
1558
1753
  <span class="pf-c-menu__item-toggle-icon">
1559
1754
  <i class="fas fa-angle-left"></i>
@@ -1562,22 +1757,34 @@ cssPrefix: pf-c-nav
1562
1757
  </span>
1563
1758
  </button>
1564
1759
  </li>
1565
- <li class="pf-c-menu__list-item">
1566
- <button class="pf-c-menu__item" type="button">
1760
+ <li class="pf-c-menu__list-item" role="none">
1761
+ <button
1762
+ class="pf-c-menu__item"
1763
+ type="button"
1764
+ role="menuitem"
1765
+ >
1567
1766
  <span class="pf-c-menu__item-main">
1568
1767
  <span class="pf-c-menu__item-text">Avatar</span>
1569
1768
  </span>
1570
1769
  </button>
1571
1770
  </li>
1572
- <li class="pf-c-menu__list-item">
1573
- <button class="pf-c-menu__item" type="button">
1771
+ <li class="pf-c-menu__list-item" role="none">
1772
+ <button
1773
+ class="pf-c-menu__item"
1774
+ type="button"
1775
+ role="menuitem"
1776
+ >
1574
1777
  <span class="pf-c-menu__item-main">
1575
1778
  <span class="pf-c-menu__item-text">Name</span>
1576
1779
  </span>
1577
1780
  </button>
1578
1781
  </li>
1579
- <li class="pf-c-menu__list-item">
1580
- <button class="pf-c-menu__item" type="button">
1782
+ <li class="pf-c-menu__list-item" role="none">
1783
+ <button
1784
+ class="pf-c-menu__item"
1785
+ type="button"
1786
+ role="menuitem"
1787
+ >
1581
1788
  <span class="pf-c-menu__item-main">
1582
1789
  <span class="pf-c-menu__item-text">Title</span>
1583
1790
  </span>
@@ -1587,22 +1794,22 @@ cssPrefix: pf-c-nav
1587
1794
  </div>
1588
1795
  </div>
1589
1796
  </li>
1590
- <li class="pf-c-menu__list-item">
1591
- <button class="pf-c-menu__item" type="button">
1797
+ <li class="pf-c-menu__list-item" role="none">
1798
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1592
1799
  <span class="pf-c-menu__item-main">
1593
1800
  <span class="pf-c-menu__item-text">Time zone</span>
1594
1801
  </span>
1595
1802
  </button>
1596
1803
  </li>
1597
- <li class="pf-c-menu__list-item">
1598
- <button class="pf-c-menu__item" type="button">
1804
+ <li class="pf-c-menu__list-item" role="none">
1805
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1599
1806
  <span class="pf-c-menu__item-main">
1600
1807
  <span class="pf-c-menu__item-text">Account settings</span>
1601
1808
  </span>
1602
1809
  </button>
1603
1810
  </li>
1604
- <li class="pf-c-menu__list-item">
1605
- <button class="pf-c-menu__item" type="button">
1811
+ <li class="pf-c-menu__list-item" role="none">
1812
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1606
1813
  <span class="pf-c-menu__item-main">
1607
1814
  <span
1608
1815
  class="pf-c-menu__item-text"
@@ -1610,10 +1817,11 @@ cssPrefix: pf-c-nav
1610
1817
  </span>
1611
1818
  </button>
1612
1819
  </li>
1613
- <li class="pf-c-menu__list-item">
1820
+ <li class="pf-c-menu__list-item" role="none">
1614
1821
  <button
1615
1822
  class="pf-c-menu__item"
1616
1823
  type="button"
1824
+ role="menuitem"
1617
1825
  aria-expanded="false"
1618
1826
  >
1619
1827
  <span class="pf-c-menu__item-main">
@@ -1625,9 +1833,16 @@ cssPrefix: pf-c-nav
1625
1833
  </button>
1626
1834
  <div class="pf-c-menu">
1627
1835
  <div class="pf-c-menu__content">
1628
- <ul class="pf-c-menu__list">
1629
- <li class="pf-c-menu__list-item pf-m-drill-up">
1630
- <button class="pf-c-menu__item" type="button">
1836
+ <ul class="pf-c-menu__list" role="menu">
1837
+ <li
1838
+ class="pf-c-menu__list-item pf-m-drill-up"
1839
+ role="none"
1840
+ >
1841
+ <button
1842
+ class="pf-c-menu__item"
1843
+ type="button"
1844
+ role="menuitem"
1845
+ >
1631
1846
  <span class="pf-c-menu__item-main">
1632
1847
  <span class="pf-c-menu__item-toggle-icon">
1633
1848
  <i class="fas fa-angle-left"></i>
@@ -1638,15 +1853,23 @@ cssPrefix: pf-c-nav
1638
1853
  </span>
1639
1854
  </button>
1640
1855
  </li>
1641
- <li class="pf-c-menu__list-item">
1642
- <button class="pf-c-menu__item" type="button">
1856
+ <li class="pf-c-menu__list-item" role="none">
1857
+ <button
1858
+ class="pf-c-menu__item"
1859
+ type="button"
1860
+ role="menuitem"
1861
+ >
1643
1862
  <span class="pf-c-menu__item-main">
1644
1863
  <span class="pf-c-menu__item-text">Global access</span>
1645
1864
  </span>
1646
1865
  </button>
1647
1866
  </li>
1648
- <li class="pf-c-menu__list-item">
1649
- <button class="pf-c-menu__item" type="button">
1867
+ <li class="pf-c-menu__list-item" role="none">
1868
+ <button
1869
+ class="pf-c-menu__item"
1870
+ type="button"
1871
+ role="menuitem"
1872
+ >
1650
1873
  <span class="pf-c-menu__item-main">
1651
1874
  <span class="pf-c-menu__item-text">Account access</span>
1652
1875
  </span>
@@ -1676,37 +1899,46 @@ cssPrefix: pf-c-nav
1676
1899
  class="pf-c-menu__content"
1677
1900
  style="--pf-c-menu__content--Height: 284px;"
1678
1901
  >
1679
- <ul class="pf-c-menu__list">
1680
- <li class="pf-c-menu__list-item">
1681
- <button class="pf-c-menu__item" type="button">
1902
+ <ul class="pf-c-menu__list" role="menu">
1903
+ <li class="pf-c-menu__list-item" role="none">
1904
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1682
1905
  <span class="pf-c-menu__item-main">
1683
1906
  <span class="pf-c-menu__item-text">Start rollout</span>
1684
1907
  </span>
1685
1908
  </button>
1686
1909
  </li>
1687
- <li class="pf-c-menu__list-item">
1688
- <button class="pf-c-menu__item" type="button">
1910
+ <li class="pf-c-menu__list-item" role="none">
1911
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1689
1912
  <span class="pf-c-menu__item-main">
1690
1913
  <span class="pf-c-menu__item-text">Pause rollout</span>
1691
1914
  </span>
1692
1915
  </button>
1693
1916
  </li>
1694
- <li class="pf-c-menu__list-item">
1695
- <button class="pf-c-menu__item pf-m-current" type="button">
1917
+ <li class="pf-c-menu__list-item" role="none">
1918
+ <button
1919
+ class="pf-c-menu__item pf-m-current"
1920
+ type="button"
1921
+ role="menuitem"
1922
+ >
1696
1923
  <span class="pf-c-menu__item-main">
1697
1924
  <span class="pf-c-menu__item-text">Current link</span>
1698
1925
  </span>
1699
1926
  </button>
1700
1927
  </li>
1701
- <li class="pf-c-menu__list-item">
1702
- <button class="pf-c-menu__item" type="button">
1928
+ <li class="pf-c-menu__list-item" role="none">
1929
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1703
1930
  <span class="pf-c-menu__item-main">
1704
1931
  <span class="pf-c-menu__item-text">Add storage</span>
1705
1932
  </span>
1706
1933
  </button>
1707
1934
  </li>
1708
- <li class="pf-c-menu__list-item pf-m-current-path">
1709
- <button class="pf-c-menu__item" type="button" aria-expanded="true">
1935
+ <li class="pf-c-menu__list-item pf-m-current-path" role="none">
1936
+ <button
1937
+ class="pf-c-menu__item"
1938
+ type="button"
1939
+ role="menuitem"
1940
+ aria-expanded="true"
1941
+ >
1710
1942
  <span class="pf-c-menu__item-main">
1711
1943
  <span class="pf-c-menu__item-text">Edit</span>
1712
1944
  <span class="pf-c-menu__item-toggle-icon">
@@ -1716,9 +1948,14 @@ cssPrefix: pf-c-nav
1716
1948
  </button>
1717
1949
  <div class="pf-c-menu pf-m-drilled-in">
1718
1950
  <div class="pf-c-menu__content">
1719
- <ul class="pf-c-menu__list">
1720
- <li class="pf-c-menu__list-item pf-m-drill-up">
1721
- <button class="pf-c-menu__item" type="button" tabindex="0">
1951
+ <ul class="pf-c-menu__list" role="menu">
1952
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
1953
+ <button
1954
+ class="pf-c-menu__item"
1955
+ type="button"
1956
+ role="menuitem"
1957
+ tabindex="0"
1958
+ >
1722
1959
  <span class="pf-c-menu__item-main">
1723
1960
  <span class="pf-c-menu__item-toggle-icon">
1724
1961
  <i class="fas fa-angle-left"></i>
@@ -1727,10 +1964,11 @@ cssPrefix: pf-c-nav
1727
1964
  </span>
1728
1965
  </button>
1729
1966
  </li>
1730
- <li class="pf-c-menu__list-item pf-m-current-path">
1967
+ <li class="pf-c-menu__list-item pf-m-current-path" role="none">
1731
1968
  <button
1732
1969
  class="pf-c-menu__item"
1733
1970
  type="button"
1971
+ role="menuitem"
1734
1972
  aria-expanded="true"
1735
1973
  >
1736
1974
  <span class="pf-c-menu__item-main">
@@ -1742,11 +1980,15 @@ cssPrefix: pf-c-nav
1742
1980
  </button>
1743
1981
  <div class="pf-c-menu">
1744
1982
  <div class="pf-c-menu__content">
1745
- <ul class="pf-c-menu__list">
1746
- <li class="pf-c-menu__list-item pf-m-drill-up">
1983
+ <ul class="pf-c-menu__list" role="menu">
1984
+ <li
1985
+ class="pf-c-menu__list-item pf-m-drill-up"
1986
+ role="none"
1987
+ >
1747
1988
  <button
1748
1989
  class="pf-c-menu__item"
1749
1990
  type="button"
1991
+ role="menuitem"
1750
1992
  tabindex="0"
1751
1993
  >
1752
1994
  <span class="pf-c-menu__item-main">
@@ -1757,31 +1999,44 @@ cssPrefix: pf-c-nav
1757
1999
  </span>
1758
2000
  </button>
1759
2001
  </li>
1760
- <li class="pf-c-menu__list-item">
1761
- <button class="pf-c-menu__item" type="button">
2002
+ <li class="pf-c-menu__list-item" role="none">
2003
+ <button
2004
+ class="pf-c-menu__item"
2005
+ type="button"
2006
+ role="menuitem"
2007
+ >
1762
2008
  <span class="pf-c-menu__item-main">
1763
2009
  <span class="pf-c-menu__item-text">Routes</span>
1764
2010
  </span>
1765
2011
  </button>
1766
2012
  </li>
1767
- <li class="pf-c-menu__list-item">
1768
- <button class="pf-c-menu__item" type="button">
2013
+ <li class="pf-c-menu__list-item" role="none">
2014
+ <button
2015
+ class="pf-c-menu__item"
2016
+ type="button"
2017
+ role="menuitem"
2018
+ >
1769
2019
  <span class="pf-c-menu__item-main">
1770
2020
  <span class="pf-c-menu__item-text">Nodes</span>
1771
2021
  </span>
1772
2022
  </button>
1773
2023
  </li>
1774
- <li class="pf-c-menu__list-item">
1775
- <button class="pf-c-menu__item" type="button">
2024
+ <li class="pf-c-menu__list-item" role="none">
2025
+ <button
2026
+ class="pf-c-menu__item"
2027
+ type="button"
2028
+ role="menuitem"
2029
+ >
1776
2030
  <span class="pf-c-menu__item-main">
1777
2031
  <span class="pf-c-menu__item-text">URLs</span>
1778
2032
  </span>
1779
2033
  </button>
1780
2034
  </li>
1781
- <li class="pf-c-menu__list-item">
2035
+ <li class="pf-c-menu__list-item" role="none">
1782
2036
  <button
1783
2037
  class="pf-c-menu__item"
1784
2038
  type="button"
2039
+ role="menuitem"
1785
2040
  aria-expanded="false"
1786
2041
  >
1787
2042
  <span class="pf-c-menu__item-main">
@@ -1795,11 +2050,15 @@ cssPrefix: pf-c-nav
1795
2050
  </button>
1796
2051
  <div class="pf-c-menu">
1797
2052
  <div class="pf-c-menu__content">
1798
- <ul class="pf-c-menu__list">
1799
- <li class="pf-c-menu__list-item pf-m-drill-up">
2053
+ <ul class="pf-c-menu__list" role="menu">
2054
+ <li
2055
+ class="pf-c-menu__list-item pf-m-drill-up"
2056
+ role="none"
2057
+ >
1800
2058
  <button
1801
2059
  class="pf-c-menu__item"
1802
2060
  type="button"
2061
+ role="menuitem"
1803
2062
  tabindex="0"
1804
2063
  >
1805
2064
  <span class="pf-c-menu__item-main">
@@ -1812,15 +2071,23 @@ cssPrefix: pf-c-nav
1812
2071
  </span>
1813
2072
  </button>
1814
2073
  </li>
1815
- <li class="pf-c-menu__list-item">
1816
- <button class="pf-c-menu__item" type="button">
2074
+ <li class="pf-c-menu__list-item" role="none">
2075
+ <button
2076
+ class="pf-c-menu__item"
2077
+ type="button"
2078
+ role="menuitem"
2079
+ >
1817
2080
  <span class="pf-c-menu__item-main">
1818
2081
  <span class="pf-c-menu__item-text">Reports</span>
1819
2082
  </span>
1820
2083
  </button>
1821
2084
  </li>
1822
- <li class="pf-c-menu__list-item">
1823
- <button class="pf-c-menu__item" type="button">
2085
+ <li class="pf-c-menu__list-item" role="none">
2086
+ <button
2087
+ class="pf-c-menu__item"
2088
+ type="button"
2089
+ role="menuitem"
2090
+ >
1824
2091
  <span class="pf-c-menu__item-main">
1825
2092
  <span
1826
2093
  class="pf-c-menu__item-text"
@@ -1828,8 +2095,12 @@ cssPrefix: pf-c-nav
1828
2095
  </span>
1829
2096
  </button>
1830
2097
  </li>
1831
- <li class="pf-c-menu__list-item">
1832
- <button class="pf-c-menu__item" type="button">
2098
+ <li class="pf-c-menu__list-item" role="none">
2099
+ <button
2100
+ class="pf-c-menu__item"
2101
+ type="button"
2102
+ role="menuitem"
2103
+ >
1833
2104
  <span class="pf-c-menu__item-main">
1834
2105
  <span class="pf-c-menu__item-text">Systems</span>
1835
2106
  </span>
@@ -1843,10 +2114,11 @@ cssPrefix: pf-c-nav
1843
2114
  </div>
1844
2115
  </div>
1845
2116
  </li>
1846
- <li class="pf-c-menu__list-item">
2117
+ <li class="pf-c-menu__list-item" role="none">
1847
2118
  <button
1848
2119
  class="pf-c-menu__item"
1849
2120
  type="button"
2121
+ role="menuitem"
1850
2122
  aria-expanded="false"
1851
2123
  >
1852
2124
  <span class="pf-c-menu__item-main">
@@ -1858,9 +2130,16 @@ cssPrefix: pf-c-nav
1858
2130
  </button>
1859
2131
  <div class="pf-c-menu">
1860
2132
  <div class="pf-c-menu__content">
1861
- <ul class="pf-c-menu__list">
1862
- <li class="pf-c-menu__list-item pf-m-drill-up">
1863
- <button class="pf-c-menu__item" type="button">
2133
+ <ul class="pf-c-menu__list" role="menu">
2134
+ <li
2135
+ class="pf-c-menu__list-item pf-m-drill-up"
2136
+ role="none"
2137
+ >
2138
+ <button
2139
+ class="pf-c-menu__item"
2140
+ type="button"
2141
+ role="menuitem"
2142
+ >
1864
2143
  <span class="pf-c-menu__item-main">
1865
2144
  <span class="pf-c-menu__item-toggle-icon">
1866
2145
  <i class="fas fa-angle-left"></i>
@@ -1869,22 +2148,34 @@ cssPrefix: pf-c-nav
1869
2148
  </span>
1870
2149
  </button>
1871
2150
  </li>
1872
- <li class="pf-c-menu__list-item">
1873
- <button class="pf-c-menu__item" type="button">
2151
+ <li class="pf-c-menu__list-item" role="none">
2152
+ <button
2153
+ class="pf-c-menu__item"
2154
+ type="button"
2155
+ role="menuitem"
2156
+ >
1874
2157
  <span class="pf-c-menu__item-main">
1875
2158
  <span class="pf-c-menu__item-text">Reports</span>
1876
2159
  </span>
1877
2160
  </button>
1878
2161
  </li>
1879
- <li class="pf-c-menu__list-item">
1880
- <button class="pf-c-menu__item" type="button">
2162
+ <li class="pf-c-menu__list-item" role="none">
2163
+ <button
2164
+ class="pf-c-menu__item"
2165
+ type="button"
2166
+ role="menuitem"
2167
+ >
1881
2168
  <span class="pf-c-menu__item-main">
1882
2169
  <span class="pf-c-menu__item-text">Policies</span>
1883
2170
  </span>
1884
2171
  </button>
1885
2172
  </li>
1886
- <li class="pf-c-menu__list-item">
1887
- <button class="pf-c-menu__item" type="button">
2173
+ <li class="pf-c-menu__list-item" role="none">
2174
+ <button
2175
+ class="pf-c-menu__item"
2176
+ type="button"
2177
+ role="menuitem"
2178
+ >
1888
2179
  <span class="pf-c-menu__item-main">
1889
2180
  <span class="pf-c-menu__item-text">Systems</span>
1890
2181
  </span>
@@ -1894,8 +2185,8 @@ cssPrefix: pf-c-nav
1894
2185
  </div>
1895
2186
  </div>
1896
2187
  </li>
1897
- <li class="pf-c-menu__list-item">
1898
- <button class="pf-c-menu__item" type="button">
2188
+ <li class="pf-c-menu__list-item" role="none">
2189
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1899
2190
  <span class="pf-c-menu__item-main">
1900
2191
  <span
1901
2192
  class="pf-c-menu__item-text"
@@ -1907,8 +2198,13 @@ cssPrefix: pf-c-nav
1907
2198
  </div>
1908
2199
  </div>
1909
2200
  </li>
1910
- <li class="pf-c-menu__list-item">
1911
- <button class="pf-c-menu__item" type="button" aria-expanded="false">
2201
+ <li class="pf-c-menu__list-item" role="none">
2202
+ <button
2203
+ class="pf-c-menu__item"
2204
+ type="button"
2205
+ role="menuitem"
2206
+ aria-expanded="false"
2207
+ >
1912
2208
  <span class="pf-c-menu__item-main">
1913
2209
  <span class="pf-c-menu__item-text">Configuration</span>
1914
2210
  <span class="pf-c-menu__item-toggle-icon">
@@ -1918,9 +2214,9 @@ cssPrefix: pf-c-nav
1918
2214
  </button>
1919
2215
  <div class="pf-c-menu">
1920
2216
  <div class="pf-c-menu__content">
1921
- <ul class="pf-c-menu__list">
1922
- <li class="pf-c-menu__list-item pf-m-drill-up">
1923
- <button class="pf-c-menu__item" type="button">
2217
+ <ul class="pf-c-menu__list" role="menu">
2218
+ <li class="pf-c-menu__list-item pf-m-drill-up" role="none">
2219
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1924
2220
  <span class="pf-c-menu__item-main">
1925
2221
  <span class="pf-c-menu__item-toggle-icon">
1926
2222
  <i class="fas fa-angle-left"></i>
@@ -1929,10 +2225,11 @@ cssPrefix: pf-c-nav
1929
2225
  </span>
1930
2226
  </button>
1931
2227
  </li>
1932
- <li class="pf-c-menu__list-item">
2228
+ <li class="pf-c-menu__list-item" role="none">
1933
2229
  <button
1934
2230
  class="pf-c-menu__item"
1935
2231
  type="button"
2232
+ role="menuitem"
1936
2233
  aria-expanded="false"
1937
2234
  >
1938
2235
  <span class="pf-c-menu__item-main">
@@ -1944,9 +2241,16 @@ cssPrefix: pf-c-nav
1944
2241
  </button>
1945
2242
  <div class="pf-c-menu">
1946
2243
  <div class="pf-c-menu__content">
1947
- <ul class="pf-c-menu__list">
1948
- <li class="pf-c-menu__list-item pf-m-drill-up">
1949
- <button class="pf-c-menu__item" type="button">
2244
+ <ul class="pf-c-menu__list" role="menu">
2245
+ <li
2246
+ class="pf-c-menu__list-item pf-m-drill-up"
2247
+ role="none"
2248
+ >
2249
+ <button
2250
+ class="pf-c-menu__item"
2251
+ type="button"
2252
+ role="menuitem"
2253
+ >
1950
2254
  <span class="pf-c-menu__item-main">
1951
2255
  <span class="pf-c-menu__item-toggle-icon">
1952
2256
  <i class="fas fa-angle-left"></i>
@@ -1955,22 +2259,34 @@ cssPrefix: pf-c-nav
1955
2259
  </span>
1956
2260
  </button>
1957
2261
  </li>
1958
- <li class="pf-c-menu__list-item">
1959
- <button class="pf-c-menu__item" type="button">
2262
+ <li class="pf-c-menu__list-item" role="none">
2263
+ <button
2264
+ class="pf-c-menu__item"
2265
+ type="button"
2266
+ role="menuitem"
2267
+ >
1960
2268
  <span class="pf-c-menu__item-main">
1961
2269
  <span class="pf-c-menu__item-text">Avatar</span>
1962
2270
  </span>
1963
2271
  </button>
1964
2272
  </li>
1965
- <li class="pf-c-menu__list-item">
1966
- <button class="pf-c-menu__item" type="button">
2273
+ <li class="pf-c-menu__list-item" role="none">
2274
+ <button
2275
+ class="pf-c-menu__item"
2276
+ type="button"
2277
+ role="menuitem"
2278
+ >
1967
2279
  <span class="pf-c-menu__item-main">
1968
2280
  <span class="pf-c-menu__item-text">Name</span>
1969
2281
  </span>
1970
2282
  </button>
1971
2283
  </li>
1972
- <li class="pf-c-menu__list-item">
1973
- <button class="pf-c-menu__item" type="button">
2284
+ <li class="pf-c-menu__list-item" role="none">
2285
+ <button
2286
+ class="pf-c-menu__item"
2287
+ type="button"
2288
+ role="menuitem"
2289
+ >
1974
2290
  <span class="pf-c-menu__item-main">
1975
2291
  <span class="pf-c-menu__item-text">Title</span>
1976
2292
  </span>
@@ -1980,22 +2296,22 @@ cssPrefix: pf-c-nav
1980
2296
  </div>
1981
2297
  </div>
1982
2298
  </li>
1983
- <li class="pf-c-menu__list-item">
1984
- <button class="pf-c-menu__item" type="button">
2299
+ <li class="pf-c-menu__list-item" role="none">
2300
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1985
2301
  <span class="pf-c-menu__item-main">
1986
2302
  <span class="pf-c-menu__item-text">Time zone</span>
1987
2303
  </span>
1988
2304
  </button>
1989
2305
  </li>
1990
- <li class="pf-c-menu__list-item">
1991
- <button class="pf-c-menu__item" type="button">
2306
+ <li class="pf-c-menu__list-item" role="none">
2307
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1992
2308
  <span class="pf-c-menu__item-main">
1993
2309
  <span class="pf-c-menu__item-text">Account settings</span>
1994
2310
  </span>
1995
2311
  </button>
1996
2312
  </li>
1997
- <li class="pf-c-menu__list-item">
1998
- <button class="pf-c-menu__item" type="button">
2313
+ <li class="pf-c-menu__list-item" role="none">
2314
+ <button class="pf-c-menu__item" type="button" role="menuitem">
1999
2315
  <span class="pf-c-menu__item-main">
2000
2316
  <span
2001
2317
  class="pf-c-menu__item-text"
@@ -2003,10 +2319,11 @@ cssPrefix: pf-c-nav
2003
2319
  </span>
2004
2320
  </button>
2005
2321
  </li>
2006
- <li class="pf-c-menu__list-item">
2322
+ <li class="pf-c-menu__list-item" role="none">
2007
2323
  <button
2008
2324
  class="pf-c-menu__item"
2009
2325
  type="button"
2326
+ role="menuitem"
2010
2327
  aria-expanded="false"
2011
2328
  >
2012
2329
  <span class="pf-c-menu__item-main">
@@ -2018,9 +2335,16 @@ cssPrefix: pf-c-nav
2018
2335
  </button>
2019
2336
  <div class="pf-c-menu">
2020
2337
  <div class="pf-c-menu__content">
2021
- <ul class="pf-c-menu__list">
2022
- <li class="pf-c-menu__list-item pf-m-drill-up">
2023
- <button class="pf-c-menu__item" type="button">
2338
+ <ul class="pf-c-menu__list" role="menu">
2339
+ <li
2340
+ class="pf-c-menu__list-item pf-m-drill-up"
2341
+ role="none"
2342
+ >
2343
+ <button
2344
+ class="pf-c-menu__item"
2345
+ type="button"
2346
+ role="menuitem"
2347
+ >
2024
2348
  <span class="pf-c-menu__item-main">
2025
2349
  <span class="pf-c-menu__item-toggle-icon">
2026
2350
  <i class="fas fa-angle-left"></i>
@@ -2031,15 +2355,23 @@ cssPrefix: pf-c-nav
2031
2355
  </span>
2032
2356
  </button>
2033
2357
  </li>
2034
- <li class="pf-c-menu__list-item">
2035
- <button class="pf-c-menu__item" type="button">
2358
+ <li class="pf-c-menu__list-item" role="none">
2359
+ <button
2360
+ class="pf-c-menu__item"
2361
+ type="button"
2362
+ role="menuitem"
2363
+ >
2036
2364
  <span class="pf-c-menu__item-main">
2037
2365
  <span class="pf-c-menu__item-text">Global access</span>
2038
2366
  </span>
2039
2367
  </button>
2040
2368
  </li>
2041
- <li class="pf-c-menu__list-item">
2042
- <button class="pf-c-menu__item" type="button">
2369
+ <li class="pf-c-menu__list-item" role="none">
2370
+ <button
2371
+ class="pf-c-menu__item"
2372
+ type="button"
2373
+ role="menuitem"
2374
+ >
2043
2375
  <span class="pf-c-menu__item-main">
2044
2376
  <span class="pf-c-menu__item-text">Account access</span>
2045
2377
  </span>