<div class="accessibility-widget" id="accessibility-widget">
    <button class="accessibility-button" aria-label="Настройки доступности">
        <svg width="24" height="24">
            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z"/>
        </svg>
    </button>
    
    <div class="accessibility-panel">
        <h3>Настройки доступности</h3>
        
        <!-- Увеличение шрифта -->
        <div class="setting">
            <label>Размер шрифта</label>
            <input type="range" min="1" max="3" step="1" value="1" id="font-size">
        </div>
        
        <!-- Контрастность -->
        <div class="setting">
            <label>Контрастность</label>
            <select id="contrast">
                <option value="normal">Обычная</option>
                <option value="high">Высокая</option>
            </select>
        </div>
        
        <!-- Цветовая схема -->
        <div class="setting">
            <label>Цветовая схема</label>
            <select id="color-scheme">
                <option value="light">Светлая</option>
                <option value="dark">Темная</option>
                <option value="sepia">Сепия</option>
            </select>
        </div>
        
        <!-- Функция чтения текста -->
        <div class="setting">
            <button id="read-text" aria-label="Прочитать выделенный текст">
                <svg width="24" height="24">
                    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
                </svg>
            </button>
            <span>Нажмите для чтения выделенного текста</span>
        </div>
        
        <button class="save-btn">Сохранить</button>
    </div>
</div>