Cambio di contrasto facile per Regolamento 882 
Автор: Alberto B.
Просмотрено 96,
Подписчики 2,
Размещенный 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 ?
Размещено
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).
Автор
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...
.