Browse Source

Accessibilité : le mini agenda ayant des liens en dessous, son contenu n'est pas pertinent à rendre accessible

Par ailleurs, quand on clique sur un lien en dessous du mini-agenda, si l'on est déjà sur la page cible, on ferme la boite et on scrolle à l'endroit de l'événement dans la page (cf https://github.com/nico3333fr/jquery-accessible-modal-window-aria/issues/28)
master
RealET 5 months ago
parent
commit
25363126e2
  1. 2
      javascript/jquery-accessible-modal-window-aria/jquery-accessible-modal-window-aria.js
  2. 8
      noisettes/agenda/miniagenda_global.html
  3. 2
      noisettes/agenda/miniagenda_liste_prochains.html
  4. 12
      noisettes/agenda/miniagenda_local.html
  5. 8
      soyezcreateurs_fonctions.php

2
javascript/jquery-accessible-modal-window-aria/jquery-accessible-modal-window-aria.js

@ -170,7 +170,7 @@ jQuery(document).ready(function($) {
.on('click', '.js-modal-close', function(event) {
var $close = $('#js-modal-close');
event.preventDefault();
//event.preventDefault(); // cf https://github.com/nico3333fr/jquery-accessible-modal-window-aria/issues/28
$close.trigger('click');
})

8
noisettes/agenda/miniagenda_global.html

@ -5,15 +5,15 @@
<BOUCLE_Evenements(EVENEMENTS){0,1}>
<div class="miniagenda">
<h2><:soyezcreateurs:agenda:></h2>
<table class="agenda">
<table class="agenda" aria-hidden="true">
<caption>
<BOUCLE_DatePassee(CONDITION){si #GET{currentmonth}|<{#GET{date_th}}}>
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{-1,'Y-m-d'})]})" title="<:precedent|ucfirst:>" class='ajax' rel="nofollow">&#171;</a>]
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{-1,'Y-m-d'})]})" title="<:precedent|ucfirst:>" class='ajax' rel="nofollow" tabindex="-1">&#171;</a>]
</BOUCLE_DatePassee>
[(#GET{date}|nom_mois|ucfirst)]
[(#GET{date}|annee)]
<BOUCLE_DateFuture(EVENEMENTS){date_fin>=(#GET{date}|Agenda_moisdecal{1,'Y-m-d'}|affdate{'Y-m-01'})}{0,1}>
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{1,'Y-m-d'})]})" title="<:suivant|ucfirst:>" class='ajax' rel="nofollow">&#187;</a>]
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{1,'Y-m-d'})]})" title="<:suivant|ucfirst:>" class='ajax' rel="nofollow" tabindex="-1">&#187;</a>]
</BOUCLE_DateFuture>
</caption>
<thead>
@ -42,7 +42,7 @@
</tbody>
</table>
[(#PLUGIN{propevent}|oui)
<a href="#URL_PAGE{proposer_evenement}" title="<:soyezcreateurs:agenda_proposer_evenement_title:>" class="lien_proposer_evenement"><:soyezcreateurs:agenda_proposer_evenement:></a>]
<a href="#URL_PAGE{proposer_evenement}" title="<:soyezcreateurs:agenda_proposer_evenement_title:>" class="lien_proposer_evenement" tabindex="-1"><:soyezcreateurs:agenda_proposer_evenement:></a>]
<INCLURE{fond=noisettes/agenda/miniagenda_liste_prochains}>
[(#CONFIG{soyezcreateurs/positionfluxrss,bottom}|=={bottom}|oui)<div class="centrer_div rss_agenda">
<a href="[(#URL_PAGE{backendagenda}|parametre_url{id_rubrique,#ID_SECTEUR}|url_absolue)]">

2
noisettes/agenda/miniagenda_liste_prochains.html

@ -10,7 +10,7 @@
>
<li class="[(#COMPTEUR_BOUCLE|alterner{'odd ',''})]#_AgendaDerniersAjouts:EDIT{titre} clearfix">[(#CHEMIN{noisettes/agenda/logo.html}|?{[(#INCLURE{fond=noisettes/agenda/logo,id_evenement=#ID_EVENEMENT})]})]
<BOUCLE_DernierEvenementArticle(ARTICLES){id_article}>
[<a href="(#ARTICLE_URL|ancre_url{'#evenement'#ID_EVENEMENT})"[ title="(#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{[(#TITRE|supprimer_tags|attribut_html)][&nbsp;: (#_AgendaDerniersAjouts:TITRE|supprimer_tags|attribut_html)] - [(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_FIN,#HORAIRE,'skel'})],[(#TITRE|supprimer_tags|attribut_html)] - [(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_FIN,#HORAIRE,'skel'})]})"]>]
[<a href="(#ARTICLE_URL|ancre_url{'#evenement'#ID_EVENEMENT})"[ title="(#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{[(#TITRE|supprimer_tags|attribut_html)][&nbsp;: (#_AgendaDerniersAjouts:TITRE|supprimer_tags|attribut_html)] - [(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_FIN,#HORAIRE,'skel'})],[(#TITRE|supprimer_tags|attribut_html)] - [(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_FIN,#HORAIRE,'skel'})]})"] class="js-modal-close">]
[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{[<strong class="caractencadre-spip spip">(#TITRE)</strong>][&nbsp;: (#_AgendaDerniersAjouts:TITRE)]<br />[<i><small>(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_DEBUT,#HORAIRE,'skel'})</small></i>],[<strong class="caractencadre-spip spip">(#TITRE)</strong>]<br />[<i><small>(#_AgendaDerniersAjouts:DATE_DEBUT|sc_decoder_date{#_AgendaDerniersAjouts:DATE_DEBUT,#HORAIRE,'skel'})</small></i>]})]
</a>
</BOUCLE_DernierEvenementArticle>

12
noisettes/agenda/miniagenda_local.html

@ -6,19 +6,19 @@
<div class="miniagenda">
<BOUCLE_agenda(RUBRIQUES){titre_mot=Agenda}{racine}>
[<h2[ title="(#DESCRIPTIF|attribut_html)"]><a href="[(#URL_RUBRIQUE|parametre_url{calendrier,1})]">(#TITRE)</a></h2>]
<table class="agenda">
<table class="agenda" aria-hidden="true">
<caption>
<BOUCLE_DatePassee(CONDITION){si #GET{currentmonth}|<{#GET{date_th}}}>
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{-1,'Y-m-d'})]})" title="<:precedent|ucfirst:>" class='ajax' rel="nofollow">&#171;</a>]
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{-1,'Y-m-d'})]})" title="<:precedent|ucfirst:>" class='ajax' rel="nofollow" tabindex="-1">&#171;</a>]
</BOUCLE_DatePassee>
[<a href="[(#URL_PAGE{agenda_calendrier}|parametre_url{'id_rubrique', #ID_RUBRIQUE}|parametre_url{'date_ev', #GET{date_th}})]"[ title="<:soyezcreateurs:voirdetailmois:> (#GET{date}|nom_mois|attribut_html)[ (#GET{date}|annee)]"] onclick="event.preventDefault();window.location.href='[(#URL_PAGE{agenda_calendrier_dyn}|parametre_url{'id_rubrique', #ID_RUBRIQUE}|parametre_url{'date_ev', #GET{date_th}})]';">
[<a href="[(#URL_PAGE{agenda_calendrier}|parametre_url{'id_rubrique', #ID_RUBRIQUE}|parametre_url{'date_ev', #GET{date_th}})]"[ title="<:soyezcreateurs:voirdetailmois:> (#GET{date}|nom_mois|attribut_html)[ (#GET{date}|annee)]"] onclick="event.preventDefault();window.location.href='[(#URL_PAGE{agenda_calendrier_dyn}|parametre_url{'id_rubrique', #ID_RUBRIQUE}|parametre_url{'date_ev', #GET{date_th}})]';" tabindex="-1">
(#GET{date}|nom_mois|ucfirst)
</a>]
[<a href="[(#URL_RUBRIQUE|parametre_url{calendrier,1}|parametre_url{'date_ev', #GET{date_th}})]"[ title="<:soyezcreateurs:voirdetailannee:> (#GET{date}|annee)"]>
(#GET{date}|annee)
</a>]
<BOUCLE_DateFuture(EVENEMENTS){date_fin>=(#GET{date}|Agenda_moisdecal{1,'Y-m-d'}|affdate{'Y-m-01'})}{0,1}>
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{1,'Y-m-d'})]})" title="<:suivant|ucfirst:>" class='ajax' rel="nofollow">&#187;</a>]
[<a href="(#SELF|parametre_url{mini_date_ev,[(#GET{date}|Agenda_moisdecal{1,'Y-m-d'})]})" title="<:suivant|ucfirst:>" class='ajax' rel="nofollow" tabindex="-1">&#187;</a>]
</BOUCLE_DateFuture>
</caption>
<thead>
@ -47,8 +47,8 @@
</tbody>
</table>
[(#PLUGIN{propevent}|oui)
<a href="#URL_PAGE{proposer_evenement}" title="<:soyezcreateurs:agenda_proposer_evenement_title:>" class="lien_proposer_evenement"><:soyezcreateurs:agenda_proposer_evenement:></a>]
<INCLURE{fond=noisettes/agenda/miniagenda_liste_prochains,id_rubrique}>
<a href="#URL_PAGE{proposer_evenement}" title="<:soyezcreateurs:agenda_proposer_evenement_title:>" class="lien_proposer_evenement" tabindex="-1"><:soyezcreateurs:agenda_proposer_evenement:></a>]
<INCLURE{fond=noisettes/agenda/miniagenda_liste_prochains}>
[(#CONFIG{soyezcreateurs/positionfluxrss,bottom}|=={bottom}|oui)<div class="centrer_div rss_agenda">
<a href="[(#URL_PAGE{backendagenda}|parametre_url{id_rubrique,#ID_SECTEUR}|url_absolue)]">
<img src="#CHEMIN{images/fairytale_date_rss_24.png}" alt="<:soyezcreateurs:syndiquer_agenda:>&nbsp;: [(#TITRE|attribut_html)]" title="<:soyezcreateurs:syndiquer_agenda:>&nbsp;: [(#TITRE|attribut_html)]" width="52" height="24" />

8
soyezcreateurs_fonctions.php

@ -408,7 +408,7 @@ function sc_generer_ligne_agenda($jour, $amj, $evts, $type, $agenda) {
$titre_rub = supprimer_numero(extraire_multi($row['titre']));
$url = generer_url_public('agenda_calendrier', array('id_rubrique'=>$id_rub,'date_ev'=>$date_debut));
$url_javascript = generer_url_public('agenda_calendrier_dyn', array('id_rubrique'=>$id_rub,'date_ev'=>$date_debut));
$aff['ligne'] = "<a href='".$url."' title='".supprimer_tags(typo($titre_rub))." ("._T('agenda:voir_evenements_rubrique').")' onclick=\"event.preventDefault();window.location.href='".$url_javascript."';\">".intval($jour)."</a>";
$aff['ligne'] = "<a href='".$url."' title='".supprimer_tags(typo($titre_rub))." ("._T('agenda:voir_evenements_rubrique').")' onclick=\"event.preventDefault();window.location.href='".$url_javascript."';\" tabindex='-1'>".intval($jour)."</a>";
}
foreach($evts as $key => $ev) {
if ($agenda == 'grand') {
@ -432,9 +432,9 @@ function sc_generer_ligne_agenda($jour, $amj, $evts, $type, $agenda) {
$aff['ligne'] .= "<strong>".supprimer_numero(typo(extraire_multi($row['titre'])))."</strong>&nbsp;: ";
$url = generer_url_entite($row2['id_article'], 'article');
if (supprimer_tags(typo($ev['SUMMARY'])) == supprimer_numero(extraire_multi(typo($row2['titre']))))
$aff['ligne'] .= "<a href='".$url."'>".$ev['SUMMARY']."</a>";
$aff['ligne'] .= "<a href='".$url."' tabindex='-1'>".$ev['SUMMARY']."</a>";
else
$aff['ligne'] .= "<a href='".$url."'>".supprimer_numero(typo(extraire_multi($row2['titre'])))."&nbsp;: ".$ev['SUMMARY']."</a>";
$aff['ligne'] .= "<a href='".$url."' tabindex='-1'>".supprimer_numero(typo(extraire_multi($row2['titre'])))."&nbsp;: ".$ev['SUMMARY']."</a>";
$aff['ligne'] .= '</div>';
}
}
@ -464,7 +464,7 @@ function sc_generer_ligne_agenda($jour, $amj, $evts, $type, $agenda) {
$title = supprimer_numero(typo(extraire_multi($row['titre'])))." - ".$info;
else
$title = supprimer_numero(typo(extraire_multi($row['titre'])))." : ".$evts[0]['SUMMARY']." - ".$info;
$aff['ligne'] = "<a href='".$url."' title='".supprimer_tags(typo($title))."'>".intval($jour)."</a>";
$aff['ligne'] = "<a href='".$url."' title='".supprimer_tags(typo($title))."' tabindex='-1'>".intval($jour)."</a>";
}
$aff['class']= $type.' event';
}

Loading…
Cancel
Save