document.addEventListener('DOMContentLoaded', function () {
// Tworzenie przycisku
const accessBtn = document.createElement('div');
accessBtn.id = 'accessibility-button';
accessBtn.setAttribute('aria-label', 'Opcje dostępności');
accessBtn.innerHTML = `
`;
document.body.appendChild(accessBtn);
// Tworzenie panelu
const accessPanel = document.createElement('div');
accessPanel.id = 'accessibility-panel';
accessPanel.innerHTML = `
`;
document.body.appendChild(accessPanel);
// Logika
const panel = document.getElementById('accessibility-panel');
const contrastBtn = document.getElementById('toggle-contrast');
accessBtn.addEventListener('click', () => {
panel.classList.toggle('open');
});
document.getElementById('close-accessibility-panel').addEventListener('click', () => {
panel.classList.remove('open');
});
function updateContrastButton() {
const isOn = document.body.classList.contains('high-contrast');
contrastBtn.textContent = isOn ? 'Wyłącz wysoki kontrast' : 'Włącz wysoki kontrast';
}
contrastBtn.addEventListener('click', () => {
document.body.classList.toggle('high-contrast');
const isHigh = document.body.classList.contains('high-contrast');
localStorage.setItem('highContrast', isHigh ? '1' : '0');
updateContrastButton();
});
if (localStorage.getItem('highContrast') === '1') {
document.body.classList.add('high-contrast');
}
updateContrastButton();
});