website a11y effort: Address a11y violations

[nicolethoen]

Issues to fix in Org to fix accessibility:

• Full screen snapshot images have not alt text or accessible labels #2968
• Jump links contain invalid HTML #2969
• fix duplicate ids/labels in generated component doc elements #3018
• Address various a11y violations in pages #3123
  • ignore axe rules landmark-main-is-top-level, landmark-no-duplicate-main
  • update navToggleId in pageHeader in sideNavLayout

Issues to fix in Core to fix accessibility:

• A11y - Duplicate IDs in Core examples patternfly#4927
• Duplicate IDs
  • Accordion
  • Form control
  • Tab content
  • Tree view
• Sidebar examples - scrollable region must have keyboard access
• Accordion examples - scrollable region must have keyboard access patternfly#5124
• Dual list selector - interactive controls must not be nested
• Table at mobile widths - non-focusable scrollable content
• Utilities > Sizing - images must have alt text
• Panel examples - scrollable region must have keyboard access

Issues to fix in React to fix accessibility:

• Duplicate IDs (probably shared between examples)
  • fix a11y violations in table docs patternfly-react#7578
  • chore: address a11y violations from various component docs patternfly-react#7581
  • chore: address a11y violations from various component docs (2) patternfly-react#7596
  • chore: address a11y violations from various component docs (3) patternfly-react#7610
  • Label group demos
  • Page examples
• Table at mobile widths - Bug - Table - at mobile widths, expandable rows have non-focusable scrollable content patternfly-react#7776

issues to fix on training pages:

• Address various a11y violations in pages #3123
  • iframes need accessible labels
  • Scrollable regions must have keyboard access

issues to fix in design guidelines:

• Address various a11y violations in pages #3123
  • images need alt text or accessible labels
    • Inline edit design guidelines Add alt text to images in inline edit and drawer design guidelines #3197
    • Drawer design guidelines Add alt text to images in inline edit and drawer design guidelines #3197
  • Modal design guidelines: aria-label cannot be placed on i elements #3198

issues to fix in charts:

• Duplicate IDs Add id prop to fix docs a11y violations patternfly-react#7808
• SVGs need alt text
  • Tooltip chart
  • Sparkline chart
  • Bullet chart
• Legend chart examples - interactive controls cannot be nested

[nicolethoen]

Closing in favor of the renewed effort captured in this issue: #3618