search

zcjess / Ecoach-accessibility-issues

1 stars 0 forks source link

WCAG 2.5.3,New for WCAG 2.1: Ensures that elements labelled through their content must have their visible text as part of their accessible name (#institution-menu) #4

Open zcjess opened 1 year ago

zcjess commented 1 year ago

Issue

Ensures that elements labelled through their content must have their visible text as part of their accessible name (label-content-name-mismatch)

Target application

ECoach | STATS250 Home

Element path

institution-menu

Snippet

<button class="dropdown-toggle btn btn-navy" id="institution-menu" role="button" data-target="#" data-toggle="dropdown" type="button" aria-label="Institutions toggle"> Dashboard </button>

How to fix

Fix any of the following:
  Text inside the element is not included in the accessible name

Environment

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

image
zcjess commented 1 year ago

The element's role is missing or is not appropriate for the element's function.

Role: link -> button

image

Role: link -> tab

image

Role: link -> grid?

image

Role: link -> button, many same-looking buttons

image