Mode Cognac, accessibilité : Les ALaUne doivent être explicites

images/icones/icon-information.svg

 <symbol id="icon-information" viewBox="0 0 32 32">
-<path d="M16 30.825c-8.356 0-15.111-6.756-15.111-15.111s6.756-15.111 15.111-15.111 15.111 6.756 15.111 15.111-6.756 15.111-15.111 15.111zM16 1.492c-7.822 0-14.222 6.4-14.222 14.222s6.4 14.222 14.222 14.222 14.222-6.4 14.222-14.222-6.4-14.222-14.222-14.222zM13.956 24.514c-0.711-0.089-1.244-0.444-1.6-0.889-0.267-0.444-0.356-0.889-0.178-1.422l2.044-6.933c-0.089 0.089-0.089 0.089-0.178 0.178l-1.867 2.222-0.089-0.889c0-0.267 0-0.533 0-0.711v-0.267l0.089-0.089c1.067-1.6 2.756-2.756 4-2.756 0.622 0.089 1.067 0.356 1.422 0.711 0.356 0.444 0.444 0.978 0.356 1.6l-2.133 6.933c0.089-0.089 0.178-0.089 0.267-0.178l1.867-2.222 0.089 0.889c0 0.178 0 0.533 0 0.711 0 0.089 0 0.178 0 0.178v0.089l-0.089 0.089c-0.978 1.333-2.044 2.756-4 2.756zM14.489 14.292c0.089 0 0.089 0 0.178 0 0.356 0.089 0.533 0.533 0.444 0.889l-2.133 7.111c-0.089 0.267-0.089 0.533 0.089 0.8s0.533 0.444 0.978 0.533c0.711 0 1.333-0.267 1.867-0.711-0.178 0.089-0.356 0.089-0.444 0-0.356-0.089-0.533-0.444-0.444-0.8l2.133-7.2c0.089-0.356 0-0.622-0.178-0.889s-0.444-0.356-0.8-0.444c-0.533 0.089-1.067 0.356-1.689 0.711zM16 21.936v0 0zM17.956 11.003c-1.244 0-2.133-0.889-2.133-2.133s0.889-2.133 2.133-2.133 2.133 0.889 2.133 2.133c0 1.244-0.889 2.133-2.133 2.133zM17.956 7.625c-0.711 0-1.244 0.533-1.244 1.244s0.533 1.244 1.244 1.244 1.244-0.533 1.244-1.244c0-0.711-0.533-1.244-1.244-1.244z"></path>
+<path d="M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"></path>
+<path d="M20 24h-8v-2h2v-6h-2v-2h6v8h2z"></path>
+<path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"></path>
 </symbol>
\ No newline at end of file

images/icones/icon-location.svg

 <symbol id="icon-location" viewBox="0 0 32 32">
-<path d="M16 30.648l-0.356-0.444c-0.356-0.444-9.244-11.644-9.244-20.444 0-5.244 4.267-9.6 9.6-9.6s9.6 4.267 9.6 9.6c0 8.8-8.889 20-9.244 20.444l-0.356 0.444zM16 1.048c-4.8 0-8.711 3.911-8.711 8.711 0 7.556 7.111 17.244 8.711 19.467 1.689-2.222 8.711-11.911 8.711-19.467 0-4.8-3.911-8.711-8.711-8.711zM16 15.27c-2.933 0-5.422-2.4-5.422-5.422 0-2.933 2.4-5.422 5.422-5.422 2.933 0 5.422 2.4 5.422 5.422s-2.489 5.422-5.422 5.422zM16 5.403c-2.489 0-4.533 2.044-4.533 4.533s2.044 4.533 4.533 4.533c2.489 0 4.533-2.044 4.533-4.533 0-2.578-2.044-4.533-4.533-4.533z"></path>
+<path d="M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z"></path>
 </symbol>
\ No newline at end of file

images/icones/icon-phone.svg

 <symbol id="icon-phone" viewBox="0 0 32 32">
-<path d="M23.911 28.781h-0.178c-3.467 0-10.578-3.556-14.044-7.022s-7.022-10.578-7.022-14.044v-0.178l0.089-0.089c0.622-0.889 3.644-5.333 5.511-5.333 1.511 0 4.711 2.933 5.689 5.156 0.533 1.333 0.178 2.044-0.178 2.4-0.711 0.711-1.422 1.156-1.956 1.511-0.978 0.622-1.333 0.889-1.333 1.689 0 1.511 1.689 3.2 3.289 4.8s3.289 3.289 4.889 3.289c0.8 0 1.067-0.444 1.689-1.333 0.356-0.533 0.8-1.244 1.511-1.956v0c0.356-0.356 1.156-0.711 2.4-0.178 2.222 0.889 5.156 4.178 5.156 5.689 0 1.867-4.444 4.889-5.333 5.511l-0.178 0.089zM3.556 7.803c0.089 3.289 3.467 10.044 6.756 13.333 3.2 3.2 9.956 6.667 13.333 6.756 2.044-1.422 4.8-3.733 4.8-4.711s-2.578-4-4.622-4.889c-0.711-0.267-1.156-0.267-1.511 0-0.622 0.622-0.978 1.244-1.333 1.778-0.622 0.978-1.067 1.778-2.4 1.778-1.867 0-3.733-1.778-5.511-3.556s-3.556-3.556-3.556-5.511c0-1.333 0.889-1.867 1.778-2.4 0.533-0.356 1.156-0.711 1.778-1.333 0.267-0.267 0.267-0.8 0-1.511-0.889-2.133-3.911-4.622-4.889-4.622-0.889 0.089-3.2 2.844-4.622 4.889z"></path>
+<path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path>
 </symbol>
\ No newline at end of file

images/icones/icon-pushpin.svg

+<symbol id="icon-pushpin" viewBox="0 0 32 32">
+<path d="M17 0l-3 3 3 3-7 8h-7l5.5 5.5-8.5 11.269v1.231h1.231l11.269-8.5 5.5 5.5v-7l8-7 3 3 3-3-15-15zM14 17l-2-2 7-7 2 2-7 7z"></path>
+</symbol>

images/icones/icon-star-full.svg

+<symbol id="icon-star-full" viewBox="0 0 32 32">
+<path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+</symbol>

images/icones/picto-soyezcreateurs-defs.svg.html

@@ -14,6 +14,7 @@
 #INCLURE{images/icones/icon-switch.svg}
 #INCLURE{images/icones/icon-information.svg}
 #INCLURE{images/icones/icon-phone.svg}
+#INCLURE{images/icones/icon-pushpin.svg}
 #INCLURE{images/icones/icon-menu.svg}
 #INCLURE{images/icones/icon-paperplane.svg}
 #INCLURE{images/icones/icon-envelope.svg}
@@ -22,6 +23,7 @@
 #INCLURE{images/icones/icon-arrow-right2.svg}
 #INCLURE{images/icones/icon-user.svg}
 #INCLURE{images/icones/icon-search.svg}
+#INCLURE{images/icones/icon-star-full.svg}
 #INCLURE{images/icones/icon-lock.svg}
 #INCLURE{images/icones/icon-fax.svg}
 #INCLURE{images/icones/icon-calendar.svg}

noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html

@@ -32,10 +32,13 @@
 			[(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
 			<div class="grid-item[ grid-item-x(#GET{facteur})]">
 				<div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>">
-					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
+					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
 						[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
-						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
-							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
+						<div class="h2" tabindex="-1">
+							<svg class="svg-icon alaune" title="[(#CONFIG{soyezcreateurs/texte_alaune}|sinon{<:soyezcreateurs:alaune:>}|supprimer_tags|attribut_html)]"><use xlink:href="#icon-star-full"></use></svg>
+							<span class="titre-actus">#TITRE</span>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
+						</div>
 					</a>
 				</div>
 			</div>
@@ -70,7 +73,7 @@
 			[(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
 			<div class="grid-item[ grid-item-x(#GET{facteur})]">
 				<div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreeBreve(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueBreve(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueBreve></BOUCLE_RubriqueColoreeBreve>">
-					<a href="#URL_BREVE"[ title="(#DESCRIPTIF|attribut_html)"]>
+					<a href="#URL_BREVE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
 						[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
 						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
 							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
@@ -104,7 +107,7 @@
 			>
 			<BOUCLE_DernierEvenementArticle(ARTICLES){id_article}>
 				<div class="content-actus #EDIT{titre}<BOUCLE_RubriqueColoreeactus(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueactus(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueactus></BOUCLE_RubriqueColoreeactus>">
-					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
+					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
 						[<img src="(#LOGO_EVENEMENT_NORMAL|sinon{#LOGO_ARTICLE_SURVOL}|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{308,[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]}|extraire_attribut{src})" alt="" width="308" height="[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]" />]
 						<div class="agenda flexbox-flex">
 							<div class="date debutfin[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[ (#HORAIRE|=={oui}|?{horaires,[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui|?{journees,journee})]})]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|non)journee]" itemscope itemtype="https://schema.org/Event">

stylesportailcognac.css.html

@@ -266,6 +266,7 @@ select {
 
 .portailcognac #content .h2 { 
 	color: inherit;
+	position: relative;
 }
 
 @media only screen and (min-width: 768px) {

stylessoyezcreateurs.css.html

@@ -3588,6 +3588,12 @@ dialog {
  {
   font-size: 2.5rem;
 }
+.grid-item .svg-icon.alaune {
+	font-size: 1.5rem;
+	position: absolute;
+	top: 0.2rem;
+	left: 0.2rem;
+}
 .grid-item-x2 {
   width: calc(50% - 20px) ;
 }