Buongiorno a tutta la community del Forum Italia .it E’ il mio primo post in questo forum.
Sto sviluppando un template Joomla 3 accessibile seguendo le linee guida del modello scuole. E sono risucito ad ottenere il superamento come nell’immagine sotto in tutti e 4 gli ambiti.
Vorrei ottenere verde anche nella sezione “Raccomandazioni progettuali”, ma l’ultimo ostacolo che mi è rimasto da superare riguarda la ricerca:
“R.SC.1.1 - VOCABOLARI CONTROLLATI - Il sito della scuola deve utilizzare argomenti forniti dal modello di sito scuola.”
Ho seguito alla lettera quanto descritto nella documentazione:
“Requisiti tecnici: Il bottone () «cerca» deve avere attributo data-element=”search-modal-button” in modo da poterne simulare l’apertura. Il tag di testo deve avere attributo data-element=”search-modal-input” in modo da poter essere inserito testo di ricerca. Infine, il bottone per cercare (avvia ricerca) deve avere data-element=”search-submit”. La pagina risultati ricerca deve contenere un listato di argomenti < ul > con attributo data-element=”all-topics”; deve contenere degli < li > (può contenere altri tag).”
Ma non capisco per quale motivo mi continua a dare ancora 50 al punto “Raccomandazioni progettuali”!
il codice del bottone che apre la modale contenenente il cerca:
<button type="button" class="btn btn-primary search-btn" data-bs-toggle="modal" data-bs-target="#exampleModal" aria-label="Cerca nel sito" value="scuola" data-element="search-modal-button">Cerca</button>
il codice nella modale:
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="btn-mod-mobile-search d-block d-lg-none"><button class="button-ico-search" id="btn-searchjdi" aria-label="Avvia la ricerca" data-element="search-submit"><svg class="icon icon-sm icon-white"><use xlink:href="/templates/joomla-accessibile/svg/sprite.svg#it-search"></use></svg></button></div>
<div class="mod-search mb-3 mb-md-0">
<form action="/" method="post" class="form-inline" role="search">
<div class="row m-0 w-100">
<div class="col p-0"><input name="searchword" data-element="search-modal-input" id="mod-search-searchword91" maxlength="200" class="inputbox search-query input-medium" type="search" placeholder="Digita per cercare..."></div> <div class="col-auto p-0 btn-mod-search"><button class="button-ico-search" onclick="this.form.searchword.focus();" aria-label="Avvia la ricerca" data-element="search-submit"><svg class="icon icon-sm icon-white"><use xlink:href="/templates/joomla-accessibile/svg/sprite.svg#it-search"></use></svg></button></div> <input type="hidden" name="task" value="search"><input type="hidden" name="option" value="com_search"><input type="hidden" name="Itemid" value="164"></div>
</form>
</div>
infine nella pagina dei risultati di ricerca ho la lista con l’elemento ul
<ul data-element="all-topics"><li></li></ul>
Sono in cerca di consigli
Grazie in anticipo a quanti vorranno aiutarmi.
Eddy