search

microsoft / aroworkshop

Azure Red Hat OpenShift workshop
Creative Commons Attribution 4.0 International
58 stars 121 forks source link

WCAG 2.1.1: Elements that have scrollable content must be accessible by keyboard (pre) #89

Open sabbour opened 2 years ago

sabbour commented 2 years ago

Issue

Elements that have scrollable content must be accessible by keyboard (scrollable-region-focusable)

Target application

Azure Red Hat OpenShift Workshop

Element path

mongodb > .collapsible-content-container:nth-child(3) > .collapsible-content > .language-sh.highlighter-rouge:nth-child(3) > .highlight > pre

Snippet

<pre class="highlight"><code>oc create <span class="nt">-n</span> openshift <span class="nt">-f</span> https://raw.githubusercontent.com/openshift/origin/4ea9e6c5961eb815c200df933eee30c48a5c9166/examples/db-templates/mongodb-persistent-template.json </c...

How to fix

Fix any of the following:
  Element should have focusable content
  Element should be focusable

Environment

Microsoft Edge version 100.0.1185.50 This accessibility issue was found using Accessibility Insights for Web 2.31.1 (axe-core 4.3.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.