teamforus / forus

Online platform voor maatschappelijke projecten.
https://forus.io
GNU Affero General Public License v3.0
9 stars 3 forks source link

WCAG 4.1.2: Ensures buttons have discernible text (#user_menu) #2306

Closed maxvisser closed 2 years ago

maxvisser commented 3 years ago

Issue

Ensures buttons have discernible text (button-name)

Target application

Uw tegoed

Element path

user_menu

Snippet

<button class="auth-user-caret" id="user_menu" aria-expanded="false"><em class="mdi mdi-chevron-down" ng-class="$ctrl.userMenuOpened ? 'mdi-chevron-up' : 'mdi-chevron-down'"></em></button>

How to fix

Fix any of the following:
  Element does not have inner text that is visible to screen readers
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Element has no title attribute
  Element's default semantics were not overridden with role="none" or role="presentation"

Environment

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

maxvisser commented 3 years ago

VOUCHERS NIET BESCHIKBAAR VIA TAB KAN NIET UITLOGGEN

skiplink: https://www.roxit.nl/Themas/Commonground