Cambio di contrasto facile per Regolamento 882 
Autor: Alberto B.
Visited 113,
Followers 2,
Udostępniony 0
In riferimento al decreto legislativo sull'accessibilità dei servizi, ho notato un'idea interessante sul Marketplace qui.
Qualcuno sa come si può swappare facilmente di contrasto? Come si può intervenire anche con poco codice aggiuntivo ?
Posted on the
In riferimento al decreto legislativo sull'accessibilità trovi in rete servizi anche gratuiti che ti permettono di adempiere alla normativa. Detto questo, mi sembra di aver letto che ci sono alcune eccezioni ad esempio le microimprese (cioè le piccole imprese con meno di 10 dipendenti).
Autor
Si, grazie Giancarlo conosco la norma, la mia era una domanda tecnica volevo ripetere l'effetto del sito che ho messo nel link, quello black & White
Purtroppo nessun "effetto speciale" lì ci sono due home page differenti, una chiara e una scura
Ciao alberto prova a mettere in un oggetto HTML il codice seguente:
<style>
/* Stile iniziale della pagina */
body {
background-color: white;
color: black;
font-family: Arial, sans-serif;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Pulsante per cambiare i colori */
.toggle-button {
margin: 20px auto; /* Centra il pulsante orizzontalmente */
display: block; /* Rende il pulsante un elemento di blocco */
padding: 10px 20px;
background-color: #333;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease;
}
.toggle-button:hover {
background-color: #555;
}
/* Modalità scura */
body.dark-mode {
background-color: #333; /* Grigio scuro */
color: white; /* Testo bianco */
}
/* Assicurati che tutti i contenuti seguano il colore della modalità scura */
body.dark-mode,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode span,
body.dark-mode a,
body.dark-mode li,
body.dark-mode div {
color: white; /* Forza il testo bianco in modalità scura */
}
/* Transizione per i link */
body.dark-mode a {
color: lightblue; /* Cambia colore per i link in modalità scura */
}
</style>
<body>
<h1>Benvenuto nella Modalità Cambia Colori</h1>
<p>Clicca il pulsante per attivare o disattivare la modalità scura.</p>
<p>Ecco un esempio di <a href="#">collegamento</a> che cambia colore in modalità scura.</p>
<button class="toggle-button" onclick="toggleDarkMode()">Toggle Dark Mode</button>
<script>
function toggleDarkMode() {
// Aggiunge o rimuove la classe "dark-mode" dal body
document.body.classList.toggle('dark-mode');
}
</script>
</body>
Una volta provato posizionalo dove vuoi dagli un effetto ad entrata ed elimina le voci che non servono tipo benvenuto ecc........ SE poi non è questo quello che cerchi devi aspettare che lo creo con una grafica accattivante che poi troverai sul mio sito.
... praticamente non sono altro che due pagine diverse. ... ... quello che si è sempre detto per fare o simulare le pagine accessibili...
(... una delle mie soluzioni per altocontrasto mi pare che te lo avevo già segnalato....)
.
Infatti quello lo sanno fare pure all'asilo lui lo voleva a codice sulla stessa pagina.
La direttiva prevede l'obbligatorietà per tutte le aziende che hanno un fatturato pari o superiore ai 2ml di euro (fonte di Paragone Gianluigi ex onorevole). Se mai fosse in parecchi possiamo dormire tranquilli.
... no! ... ... anche se pochi ci arrivano, ...ma lui voleva replicare l'esempio linkato, quindi la risposta valida in merieto vedo che l'aveva già data in anticipo di qualche minuto anche Claudio...
.
Sul primo post leggo: Qualcuno sa come si può swappare facilmente di contrasto? Come si può intervenire anche con poco codice aggiuntivo?
L'idea gli è venuta guardando il template in vendita di Incomedia, dove Claudio ha fatto notare che su quel template non era presente alcun codice specifico. La mia risposta, invece, si è concentrata su come si potrebbe intervenire concretamente, fornendo una delle tante soluzioni possibili, indipendentemente da chi l'abbia data per primo.
L'obiettivo dovrebbe essere aiutare chi chiede supporto, non fare una classifica su chi risponde prima per guadagnarsi il merito della "risposta perfetta". Se il mio suggerimento è utile, allora è una risposta valida a prescindere.
bho...
io gli ho detto com'era stato ottenuto quel risultato in quel template... specificando pure "purtroppo nessun effetto speciale", poi ovvio che se si vuole ottenere, senza duplicare le pagine, servono dei codici...
e quindi per il discorso del contrasto mi pare più consono, ma tutti i suggerimenti sono ben accetti e possono fare da spunto per altro, questo post con il codice di KolAsim, che prima "al volo" non ho trovato... essendo di passaggio tra un lavoro ed un altro..
https://helpcenter.websitex5.com/pl/post/268140