What the automated audit found
7rule violations
48elements failing
37elements affected
Automated scanning is a floor, not a ceiling. Real assistive-technology testing by disabled users finds more problems, not fewer. Every finding here is a mechanical check on the site’s own markup, third-party widgets excluded. See the methodology and right of reply.
canarabank.com landing, captured by headless Chromium, 1440 × 900
Findings, ranked by severity
minor
ARIA role should be appropriate for the element
axe · aria-allowed-role · 6 elements · landing
ARIA role should be appropriate for the element. (WCAG mapping not surfaced by axe). Deque rule reference.
target: button[aria-label="Previous Slide"]
<button type="button" role="presentation" class="owl-prev" aria-label="Previous Slide"><i class="fa fa-caret-left" aria-hidden="true"></i><
target: button[aria-label="Next Slide"]
<button type="button" role="presentation" class="owl-next" aria-label="Next Slide"><i class="fa fa-caret-right" aria-hidden="true"></i></bu
serious
ARIA progressbar nodes must have an accessible name
axe · aria-progressbar-name · 1 element · landing
ARIA progressbar nodes must have an accessible name. WCAG 2A. Deque rule reference.
target: iframe ._55yn
<span class="img _55ym _55yn _55yo" aria-busy="true" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuetext="Loading..."></span>
serious
Elements must only use permitted ARIA attributes
axe · aria-prohibited-attr · 8 elements · landing
Elements must only use permitted ARIA attributes. WCAG 2A. Deque rule reference.
target: button[aria-label="Previous Slide"]
<button type="button" role="presentation" class="owl-prev" aria-label="Previous Slide"><i class="fa fa-caret-left" aria-hidden="true"></i><
target: button[aria-label="Next Slide"]
<button type="button" role="presentation" class="owl-next" aria-label="Next Slide"><i class="fa fa-caret-right" aria-hidden="true"></i></bu
critical
Certain ARIA roles must contain particular children
axe · aria-required-children · 2 elements · landing
Certain ARIA roles must contain particular children. WCAG 2A. Deque rule reference.
target: .loan-owl
<div class="owl-carousel loan-owl owl-loaded owl-drag" role="list">
target: iframe div[role="feed"]
<div role="feed">
serious
Text does not have enough contrast against its background for low-vision readers
axe · color-contrast · 3 elements · landing
Elements must meet minimum color contrast ratio thresholds. WCAG 2AA. Deque rule reference.
target: .btn-color-mode-switch
<label class="btn-color-mode-switch switch" for="color_mode">
<span class="btn-color-mode-switch-inner" data-off="Default" data-on="Dark"><
target: .cp-en-sub
<span class="cp-en-sub">A Government of India Undertaking</span>
minor
Elements marked as presentational should be consistently ignored
axe · presentation-role-conflict · 6 elements · landing
Elements marked as presentational should be consistently ignored. (WCAG mapping not surfaced by axe). Deque rule reference.
target: button[aria-label="Previous Slide"]
<button type="button" role="presentation" class="owl-prev" aria-label="Previous Slide"><i class="fa fa-caret-left" aria-hidden="true"></i><
target: button[aria-label="Next Slide"]
<button type="button" role="presentation" class="owl-next" aria-label="Next Slide"><i class="fa fa-caret-right" aria-hidden="true"></i></bu
moderate
All page content should be inside a landmark (header, nav, main, footer)
axe · region · 11 elements · landing
All page content should be contained by landmarks. (WCAG mapping not surfaced by axe). Deque rule reference.
target: .clearfix > li:nth-child(1)
<li>
<span class="txt" style="color: rgb(0, 0, 0);">Text Size:</span>
</li>
target: .clearfix > li:nth-child(2)
<li>
<a href="javascript:void(0)" class="increase" aria-label="Increase text size" style="color: rgb(0, 0, 0);">
<span>A+</span>