[ML] (Accessibility) Multiple Accessibility Best Practice Issues on Machine Learning Overview Page - MAIN Landmark

[barlowm]

Multiple Best Practice issues on Machine Learning Overview Page
These are not explicitly WCAG 2.1 violations but they do violate WAI-ARIA best practices and should be addressed.

<main class="application tab-overview" >
    ... Additional Code ...
    <main class="euiPageBody">
        ... Additional Code ...
    </main>
    ... Additional Code ...
</main>

• Main landmark must not be contained in another landmark
• Page must have one main landmark
• Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

Kibana Version:
7.5.0 BC2

OS:
Windows

Browser:
Chrome

Screen reader: [if relevant]
N/A

Relevant WCAG Criteria: WCAG Quick Reference

Relevant ARIA spec: WAI-ARIA Authoring Practices 1.1
WAI-ARIA Landmark Regions

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[barlowm]

The same issue also exists on the following pages within Machine Learning (and probably many more but it is not an issue on ALL pages:

"Anomaly Detection / Settings",

"Anomaly Detection / Job Management / Create Job",
Select "kibana_sample_data_flights"
Select "Single metric" wizard

"Data Frame Analytics"

"Data Visualizer"

[peteharverson]

This has been fixed in 7.6.0 by the replacement of Angular routing in #51842, so that the pages now only contain one <main> landmark. The top-level application class level element is now rendered in a <div> rather than a <main>.

7.5.0:

7.6.0: