Hallo,
aktuell stelle ich ein Website auf Joomla 4 um. Joomla 4 soll ja weitgehend barrierefrei sein, was ich persönlich gut und wichtig finde.
Bei dem Upgrade arbeite mit dem Nature Template (siehe http://j4.dr-menzel-it.de/). Dort wird nur ein Teil von Bootstrap 5 genutzt, daher habe ich mir die CSS-Angaben für das Accordion bei Cassiopeia gesucht und unter der user.css eingesetzt. Dabei nutze ich das Plugin Seitenumbruch um das Acccordion darzustellen. Es funktioniert.
Aber mit Chrome kann ich mit der Tab-Taste durch die Website navigieren und sehe immer wo ich gerade bin, da die Buttons/Links immer einem Rahmen mit einer gestrichelten Linie bekommen. Nur nicht bei meinem Accordion. Bei Bootstrap 5 habe ich geschaut, aber das ist mir nicht verständlich. Was ich verstehe ist, dass das Accordion ohne href funktioniert. Was der Grund für den fehlenden gestrichelten Rahmen sein könnte. So sieht der Quelltext aus:
<div class="accordion-item ">
<h2 class="accordion-header" id="article152-sliders1-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#article152-sliders1" aria-expanded="false" aria-controls="article152-sliders1" role="tab">
Meine Überschrift
</button>
</h2>
<div id="article152-sliders1" class="accordion-collapse collapse" aria-labelledby="article152-sliders1-heading" role="tabpanel" style="">
<div class="accordion-body">
<p></p>
<div id="mod-custom148" class="mod-custom custom">
<p>......</p></div>
<p>......</p>
</div>
</div>
</div>
usw.
Alles anzeigen
Leider kann ich die Seite noch nicht ganz online schalten. Aber vielleicht hat ja jemand einen Tipp für mich wie, ich ohne große Fachkenntnisse weiter vorgehen kann.