Projekt

Allgemein

Profil

GX-Bug #70155

Von Till Tepelmann vor 2 Monaten aktualisiert

Es sollten einige HTML Elemente wie die Suche und die Sprache wechseln HTML Aria Label bekommen um die Lesbarkeit für Screenreader zu verbessern. 

 Kann wie folgt geprüft werden: 

 1. Shop 4.9 installieren 
 2. Startseite mit Lighthouse im Browser prüfen 
 3. Beim Punkt Barrierefreiheit sind einige Punkte aufgeführt, die keine Aria Labels haben 

 Erwartetes Ergebnis: 
 Beim Lighthouse Test im Browser sollte die Barrierefreiheit eine höhere Punktzahl erreicht werden als 57 

 Tatsächliches Ergebnis: 
 Es wird ein Fehler angezeigt, dass Aria Label fehlen und die Punktzahl für Barrierefreiheit ist sehr gering. 

 ------------------------------ 

 Folgende Punkte behandelt der bereits eingereichte Code: 

 Schaltflächen haben keinen für Screenreader zugänglichen Namen 

 [user-scalable="no"] wird im <meta name="viewport">-Element verwendet oder das [maximum-scale]-Attribut ist 
 kleiner als 5 

 Der Wert einer ARIA-ID muss eindeutig sein, damit andere Instanzen nicht von Hilfstechnologien übersehen werden. 

 ------------- 

 Some HTML elements such as the search and the language should be given HTML Aria labels to improve readability for screen readers. 

 Can be checked as follows: 

 1. install Shop 4.9 
 2. check the start page with Lighthouse in the browser 
 3. some items are listed under accessibility that do not have Aria labels 

 Expected result: 
 In the Lighthouse test in the browser, accessibility should achieve a higher score than 57 

 Actual result: 
 An error is displayed that Aria Labels are missing and the score for accessibility is very low. 

 ------------------------------ 

 The code already submitted addresses the following points: 

 Buttons do not have an accessible name for screen readers 

 [user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is 
 smaller than 5 

 The value of an ARIA ID must be unique so that other instances are not overlooked by assistive technologies. 

Zurück