Was nutzt du für ein Template? In Cassiopeia ist "danger" nicht sichtbar
display: none ist in dem Fall nicht gut für Barrierefreiheit, der Text sollte für Screenreader Benutzer "sichtbar" sein, deswegen gibt es in Joomla / Cassiopeia die Klasse "vissually-hidden", es versteckt der Text nur visuell, ist aber trotzdem weiter erreichbar für Screenreaders
nein, das ist genau so schlecht für Screenreaders. Schau mal in den Screenshot, da steht die Definition von Cassiopeia.
Ausschnitt aus der template.css von Cassiopeia:
.visually-hidden,
.sr-only,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
width:1px!important;
height:1px!important;
margin:-1px!important;
padding:0!important;
overflow:hidden!important
}https://cassiopeia.joomla.com/media/templates/site/cassiopeia/css/template.css
Link zum Problem?
du hast wahrscheinlich position: absolute vergessen
Weiterer Ausschnitt aus der template.css von Cassiopeia:
.visually-hidden:not(caption), .sr-only:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}Ich habe gerade in einer YOOtheme Seite nachgeschaut, diese Klasse ist eigentlich vorhanden... Wenn es bei dir nicht so ist, würde ich bei YOOtheme nachfragen