diff --git a/CHANGELOG.md b/CHANGELOG.md
index bc13fc4afc5..240b9af8bed 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
- Exported `dateFormatAliases` as a part of the public API ([#3043](https://github.com/elastic/eui/pull/3043))
- Exported `EuiTextProps` type definition ([#3039](https://github.com/elastic/eui/pull/3039))
+- Removed `role` attribute from `EuiImage`([#3036](https://github.com/elastic/eui/pull/3036))
- Added `prepend` and `append` ability to `EuiComboBox` single selection only ([#3003](https://github.com/elastic/eui/pull/3003))
**Bug Fixes**
diff --git a/scripts/a11y-testing.js b/scripts/a11y-testing.js
index af19aac7279..74a55bb9db7 100644
--- a/scripts/a11y-testing.js
+++ b/scripts/a11y-testing.js
@@ -10,10 +10,57 @@ const docsPages = async (root, page) => {
links = links.splice(0, 14);
const reflinks = [
+ `${root}#/layout/horizontal-rule`,
+ `${root}#/layout/modal`,
+ `${root}#/layout/nav-drawer`,
+ `${root}#/layout/panel`,
+ `${root}#/layout/popover`,
+ `${root}#/layout/spacer`,
+ `${root}#/navigation/breadcrumbs`,
+ `${root}#/navigation/context-menu`,
+ `${root}#/navigation/control-bar`,
+ `${root}#/navigation/link`,
+ `${root}#/navigation/pagination`,
+ `${root}#/navigation/steps`,
+ `${root}#/navigation/tabs`,
+ `${root}#/display/avatar`,
+ `${root}#/display/badge`,
+ `${root}#/display/callout`,
+ `${root}#/display/card`,
+ `${root}#/display/description-list`,
+ `${root}#/display/emptyprompt`,
+ `${root}#/display/health`,
+ `${root}#/display/icons`,
+ `${root}#/display/image`,
+ `${root}#/display/list-group`,
+ `${root}#/display/loading`,
+ `${root}#/display/progress`,
+ `${root}#/display/stat`,
+ `${root}#/display/text`,
+ `${root}#/display/title`,
+ `${root}#/display/toast`,
+ `${root}#/display/tooltip`,
`${root}#/forms/form-layouts`,
+ `${root}#/forms/form-validation`,
+ `${root}#/forms/code-editor`,
+ `${root}#/forms/expression`,
+ `${root}#/forms/filter-group`,
`${root}#/forms/range-sliders`,
- `${root}#/display/progress`,
- `${root}#/display/loading`,
+ `${root}#/forms/search-bar`,
+ `${root}#/elastic-charts/sizing`,
+ `${root}#/elastic-charts/time-series`,
+ `${root}#/elastic-charts/categorical`,
+ `${root}#/utilities/i18n`,
+ `${root}#/utilities/is-color-dark`,
+ `${root}#/utilities/pretty-duration`,
+ `${root}#/utilities/mutationobserver`,
+ `${root}#/utilities/outside-click-detector`,
+ `${root}#/utilities/portal`,
+ `${root}#/utilities/resizeobserver`,
+ `${root}#/utilities/responsive`,
+ `${root}#/utilities/toggle`,
+ `${root}#/utilities/window-events`,
+ `${root}#/package/i18n-tokens`,
`${root}#/utilities/accessibility`,
`${root}#/utilities/context`,
`${root}#/utilities/copy`,
diff --git a/src-docs/src/components/guide_page/guide_page_chrome.js b/src-docs/src/components/guide_page/guide_page_chrome.js
index f5178d217eb..d0670f37817 100644
--- a/src-docs/src/components/guide_page/guide_page_chrome.js
+++ b/src-docs/src/components/guide_page/guide_page_chrome.js
@@ -155,7 +155,7 @@ export class GuidePageChrome extends Component {
diff --git a/src-docs/src/views/avatar/avatar.js b/src-docs/src/views/avatar/avatar.js
index 32e38f13e5f..384f871cefb 100644
--- a/src-docs/src/views/avatar/avatar.js
+++ b/src-docs/src/views/avatar/avatar.js
@@ -13,7 +13,7 @@ export default () => (
- With image
+ With image
{
return (
- Accepted color names
+ Accepted color names
diff --git a/src-docs/src/views/breadcrumbs/breadcrumbs.js b/src-docs/src/views/breadcrumbs/breadcrumbs.js
index dafc53e499a..22d305d1f86 100644
--- a/src-docs/src/views/breadcrumbs/breadcrumbs.js
+++ b/src-docs/src/views/breadcrumbs/breadcrumbs.js
@@ -44,7 +44,11 @@ export default () => {
return (
-
+
diff --git a/src-docs/src/views/breadcrumbs/max.js b/src-docs/src/views/breadcrumbs/max.js
index d23ff86048a..9c00a8a4da9 100644
--- a/src-docs/src/views/breadcrumbs/max.js
+++ b/src-docs/src/views/breadcrumbs/max.js
@@ -43,6 +43,7 @@ export default () => {
breadcrumbs={breadcrumbs}
responsive={false}
truncate={false}
+ aria-label="An example of EuiBreadcrumbs with specifying max prop"
/>
);
};
diff --git a/src-docs/src/views/breadcrumbs/popover.js b/src-docs/src/views/breadcrumbs/popover.js
index f56364b974a..bfabcca5842 100644
--- a/src-docs/src/views/breadcrumbs/popover.js
+++ b/src-docs/src/views/breadcrumbs/popover.js
@@ -129,6 +129,7 @@ export default () => {
truncate={false}
max={5}
showMaxPopover
+ aria-label="An example of EuiBreadcrumbs with popover"
/>
);
diff --git a/src-docs/src/views/breadcrumbs/responsive.js b/src-docs/src/views/breadcrumbs/responsive.js
index 93ae02c2a04..8cd2e11a8be 100644
--- a/src-docs/src/views/breadcrumbs/responsive.js
+++ b/src-docs/src/views/breadcrumbs/responsive.js
@@ -43,7 +43,12 @@ export default () => {
return (
-
+
diff --git a/src-docs/src/views/breadcrumbs/truncate.js b/src-docs/src/views/breadcrumbs/truncate.js
index 53b650118f9..9ca7e408d31 100644
--- a/src-docs/src/views/breadcrumbs/truncate.js
+++ b/src-docs/src/views/breadcrumbs/truncate.js
@@ -54,6 +54,7 @@ export default () => {
responsive={false}
truncate={false}
breadcrumbs={breadcrumbs}
+ aria-label="An example of EuiBreadcrumbs without truncate prop"
/>
@@ -64,6 +65,7 @@ export default () => {
responsive={false}
truncate={true}
breadcrumbs={breadcrumbs}
+ aria-label="An example of EuiBreadcrumbs with truncate prop"
/>
);
diff --git a/src-docs/src/views/context_menu/context_menu.js b/src-docs/src/views/context_menu/context_menu.js
index c737a81f9c7..d14f6ffcb89 100644
--- a/src-docs/src/views/context_menu/context_menu.js
+++ b/src-docs/src/views/context_menu/context_menu.js
@@ -165,7 +165,7 @@ export default class extends Component {
return (
-
+
{'{reactSvg}'}
diff --git a/src-docs/src/views/popover/input_popover.js b/src-docs/src/views/popover/input_popover.js
index 3a3b9a868ad..36fed5226ae 100644
--- a/src-docs/src/views/popover/input_popover.js
+++ b/src-docs/src/views/popover/input_popover.js
@@ -17,7 +17,12 @@ export default () => {
setIsPopoverOpenTwo(shouldBeOpen);
};
- const input = toggleIsPopoverOpen()} />;
+ const input = (
+ toggleIsPopoverOpen()}
+ aria-label="Popover attached to input element"
+ />
+ );
const inputTwo = (
{
toggleIsPopoverOpenTwo();
}}
style={{ width: inputWidth }}
+ aria-label="Popover attached to an adjustable sized input element"
/>
);
return (
{
@@ -44,7 +49,6 @@ export default () => {
{
diff --git a/src-docs/src/views/popover/popover.js b/src-docs/src/views/popover/popover.js
index 6dba1d11888..ae02bb79e15 100644
--- a/src-docs/src/views/popover/popover.js
+++ b/src-docs/src/views/popover/popover.js
@@ -35,7 +35,6 @@ export default class extends Component {
return (
diff --git a/src-docs/src/views/popover/popover_anchor_position.js b/src-docs/src/views/popover/popover_anchor_position.js
index 881799690d4..662f3583331 100644
--- a/src-docs/src/views/popover/popover_anchor_position.js
+++ b/src-docs/src/views/popover/popover_anchor_position.js
@@ -181,7 +181,6 @@ export default class extends Component {
diff --git a/src-docs/src/views/popover/popover_panel_class_name.js b/src-docs/src/views/popover/popover_panel_class_name.js
index 880d00aefae..0261e20a69b 100644
--- a/src-docs/src/views/popover/popover_panel_class_name.js
+++ b/src-docs/src/views/popover/popover_panel_class_name.js
@@ -26,7 +26,6 @@ export default class extends Component {
render() {
return (