Applicazione delle norme sulla accessibilita' dal 6/2025 
Autor: Leonardo L.Buongiorno,
ho finito ora di seguire il webinar organizzato da Iubenda in collaborazione con AccessiWay sulla normativa relativa all'accessibilità del siti web dal fine giugno 2025: European Accessibility Act (PMI con più di 10 dipendenti o 2 Milioni di fatturato o bilancio).
Visto che questa normativa va ad impattare un po' su tutti i witi web dove sono presenti Call to Action, banalmente form di richiesta informazioni, ma sicuramente da subito tutti i siti che implementano e-commerce, vorrei sapere come e se WebSiteX5 sta valutando il problema e, eventualmente, quali saranno le ipotesi di implementazione.
E' ipotizzabile, per iniziare, l'adozione del Widget di Iubenda come add-on di WebSiteX5, magari con un accordo commerciale che renda il modulo gratuito (all'interno della manutenzione annuale di X5) o con valori meno impattanti su micro realtà sicuramente oggetto del vs prodotto?
Grazie
Non so nulla di questo widget di Iubenda/AccessiWay ... comunque Incomedia in altri post ha scritto che stanno per uscire aggiornamenti legati alle nuove norme sull'accessibilità...
attendi altre info dallo STAFF
... io non mi interesso nello specifico di questo problema, ma in attesa delle future evoluzione del programma, che pur arriveranno presto in quanto già annunciate, ...come ricordato anche da Claudio, ...ma intanto provvisoriamente nell'attesa alcuni hanno usato temporaneamente una mia invenzione con codice EXTRA "AltoContrasto", e meglio se il sito fosse realizzato per questo scopo, ...in ogni caso per farsene un'idea, il mio codice si può vedere già da tempo in azione in questi siti stranieri:
https://ltmcis.ro/
https://www.tcostescu.ro/
https://wsx5demo.afsoftware.fr/accessibility.html
.
ciao
.
Buongiorno Leonardo,
come menzionato da Claudio la versione 2025.1, prevista per la prima parte del 2025, includerà modifiche relative all'accessibilità, a breve ci saranno maggiori informazioni a riguardo.
Ciao KolAsim. Applicando il codice noto qualche problema:
all'ingrandimento dei caratteri aumentano quelli dei contenuti di pagina ma diminuiscono quelli degli slider o dei testi inseriti sull'header. Non so se voluto quindi ti pongo la domanda: è normale questo comportamento?
strano... a me, cliccando sul + aumentano tutti di dimensione
I testi Header diminuiscono poi si ingrandiscono. se fai ctrl+ o ctrl- noterai questa differenza e secondo me se Kolasim sapesse come fare per simulare questi due tasti con due semplici + e meno secondo me sarebbe stato meglio ma non credo che tt i browser possano essere compatibili nella simulazione da tasti di tastiera.
Buongiorno
ma cosa prevedono queste norme sull'accessibilità?
Grazie
Ho letto che da giugno sono obbligate tutte le imprese con fatturato superiore a 2milioni di Euro, quindi l'obbligo è solo per queste azinde?
... ... ... gli esempi non sono proprio l'ideale per tale scopo, postati per far capire come funzionerebbe su siti già fatti; ...la struttura andrebbe pensata e realizzata ad hoc; ...l'esempio di Axel, si avvicinerebbe a come dovrebbe essere...
... avevo postato anche altri miei codici con approcci diversi basati sullo zoom, ma tutto dipende sempre dalla struttura in gioco...
... tutti, volendo, potrebbero abbinare una doppia versione del sito in modalità AltoContrasto (o +Accessibile), ...così per non rinunciare alla versione normale con tutti gli accessori, esattamente come si fa per i siti in doppia lingua...
.
ciao
.
E' una buona idea ma lo sviluppatore deve tenere conto che se aggiorna il sito principale deve farlo anche sulla sottodirectory. Eppure sembra abbastanza semplice ma per i burocrati di bruxelles sembra che vivano su matrix perchè con la combinazione dei tasti CTRL+ e CTRL- si ottiene in automatico lo zoom dei contenuti in maniera fluida e comprensibile. Ovviamente macherebbe l'alto contrasto a cui ci si penserebbe in seguito. Io ho fatto delle prove ma francamente i risultati sono per me poco soddisfacenti rispetto alla combinazione dei tasti CTRL+ e CTRL-
è una legge che c'è già da un po' ma ora partirà effettivamente da giugno 2025
tutte le PA e simil-PA , poi le private con fatturato o bilancio superiore ai 2 milioni di euro
https://en.wikipedia.org/wiki/European_Accessibility_Act
https://www.agid.gov.it/it/design-servizi/accessibilita/linee-guida-accessibilita-privati
Le cose che prevede sono tante e comprende un'evoluzione di WCAG 2.1, Direttiva EAA e Legge Stanca.
Qui , a mio parere, è spiegato bene chi dovrà adempiere...
https://sitiaccessibili.it/blog/accessibility-act-chi-e-interessato-e-quando-entra-in-vigore
L'ottimo codice di KolAsim "copre", per così dire, meno della punta dell'iceberg...
purtroppo in pratica occorrono modifiche a livello codice generato... e ben altro...
Lo STAFF Incomedia mi ha assicurato, in un altro post, e come scritto sopra che nel'arco di questi primi mesi, faranno le dovute modifiche ( i TAG ARIA dove necessario, descrizioni e testi alternativi in tutti gli oggetti, anche opzionali, abbinati alle immagini, etc etc...)
esempio pdel pannello di Accessiway... giusto per farsene un'idea...
(e ripeto, in più occorrono le modifiche INDISPENSABILI a livello di codice per i nuovi TAG ARIA , etc etc...)
... infatti questo lo sanno tutti da sempre, in particolare i soggetti dell'accessibilità...
... come mi aveva fatto notare Claudio. la normativa e la problematica sull'accessibiltà è ben più complessa e articolata...
... il mio codice nacque tre lustri fa, a partire dalla v.7/v8 per sopperire in modo semplice e senza strafare per chi si accontentava...
... adesso si tratta di pazientare ed attendere le novità annunciate per il nostro programma...
.
infatti lo stesso pannello di AccessiWay o simili, serve "solo" a regolarizzare/aiutare quei siti web che non sono a norma...
ma se il sito viene elaborato già a norma non serve il pannello, perchè nel browser o negli strumenti usati da chi ha problemi di accessibilità ci sono già le possibilità per sopperire a certe funzionalità (ingrandimento, contrasto elevato, lettura, navigabilità... etc...)
Interessante argomento e discussione...
Per caso KOL puoi fornire il codice di questo sito che hai scritto, grazie
https://wsx5demo.afsoftware.fr/accessibility.html
lo trovi in questo post
https://helpcenter.websitex5.com/pt/post/268140
Ciao Alberto se ti interessa ho fatto una variante al titolare del codice che permette il trascinamento e il salvataggio dell'oggetto html ove è contenuto il codice.
<head>
<!-- jQuery e jQuery UI aggiunta di Funzioni -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
</head>
<body>
<script>
$(document).ready(function(){
/** -- altocontrasto e incremento font - by KolAsim -- **/
maxfsK = 46;
minfsK = 18;
fsK = 6;
ritardoK = 3;
setTimeout(function(){
font_sizeK = minfsK;
styleK='<style> #cacK{position:fixed; top:45px; left:20px; width:180px !important; height:auto !important; border-radius: 50px !important; border:solid 4px Gray !important;'+
'background-color:Beige !important;text-align:center !important;z-index:1000000; cursor: move;}'+
' #contrastoK, #reloadK , #piuK, #menoK{position:relative;width:22% !important;'+
'border-radius:50% !important;border:solid 2px silver;background-color:lavender !important;cursor:pointer} '+
'#contrastoK:hover, #reloadK:hover , #piuK:hover, #menoK:hover {border:solid 2px Green }</style>';
$("head").append(styleK);
altocontrastoK = '<div id="cacK">'+
'<img id="contrastoK" src="https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg" title="high contrast\nblack ◑ white " >'+
'<img id="piuK" src="https://www.svgrepo.com/show/459979/increase-circle.svg" onclick="piuK()" title="More A(+)" >'+
'<img id="menoK" src="https://www.svgrepo.com/show/459914/decrease-circle.svg" onclick="menoK()" title="Less A(-)" >'+
'<img id="reloadK" src="https://www.svgrepo.com/show/495633/refresh-circle.svg" onclick="location.reload()" title="reset to default" >'+
'</div>';
$("body").append(altocontrastoK);
// Rendi il div trascinabile by max
$("#cacK").draggable({
stop: function(event, ui) {
// Salva la posizione quando viene spostato
localStorage.setItem("cacK_top", ui.position.top);
localStorage.setItem("cacK_left", ui.position.left);
}
});
// Ripristina la posizione salvata by max
var savedTop = localStorage.getItem("cacK_top");
var savedLeft = localStorage.getItem("cacK_left");
if (savedTop !== null && savedLeft !== null) {
$("#cacK").css({ top: savedTop + "px", left: savedLeft + "px" });
}
// Continua con il codice di KolAsim
nK = 1;
$("#contrastoK").click(function(){
if(nK != 1) {
$(this).val("BIANCO/nero");
$("body *:not(#cacK)").css("background-color", "white").css("color", "black").css("font-size",font_sizeK+"px");
$("body .text-inner:not(#cacK), body .text-inner *:not(#cacK)").css("height","auto")
nK = 1;
} else {
$(this).val("NERO/bianco");
$("body *").css("background-color", "black").css("color", "white").css("font-size",font_sizeK);
$("body .text-inner, body .text-inner *").css("height","auto")
nK = 2;
}
});
$("#contrastoK").hover(function(){
$(this).attr("src","https://www.svgrepo.com/show/436703/circle-righthalf-fill.svg")
}, function(){
$(this).attr("src","https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg")
});
$("#reloadK").hover(function(){
$(this).attr("src","https://www.svgrepo.com/show/495638/repeat-circle.svg")
}, function(){
$(this).attr("src","https://www.svgrepo.com/show/495633/refresh-circle.svg")
});
}, ritardoK * 1000);
});
//------------------ Funzione aumento font -------------------------
function piuK(){
if(font_sizeK < maxfsK){
font_sizeK = font_sizeK + fsK;
line_heightK = font_sizeK + 2;
$("#piuK").css("opacity",1);
$("#menoK").css("opacity",1).css("cursor","pointer");
$("body *:not(#cacK)").css("font-size",font_sizeK).css("line-height",line_heightK+"px");
} else {
$("#piuK").css("opacity",0.2).css("cursor","not-allowed");
}
}
//------------------ Funzione riduzione font ------------------------
function menoK(){
if(font_sizeK > minfsK){
font_sizeK = font_sizeK - fsK;
line_heightK = font_sizeK + 2;
$("#menoK").css("opacity",1);
$("#piuK").css("opacity",1).css("cursor","pointer");
$("body *:not(#cacK)").css("font-size",font_sizeK).css("line-height",line_heightK+"px");
} else {
$("#menoK").css("opacity",0.2).css("cursor","not-allowed");
}
}
</script>
</body>
Se ti interessa c'è un widget al mnt free che non fa tutto quello che dice ma se lo vuoi provare registrati A QUESTO SITO