Remove widget features summary and configuration example comments from widget.js
This commit is contained in:
@@ -1517,101 +1517,3 @@ if (document.readyState === 'loading') {
|
||||
initAccessibilityWidget();
|
||||
}
|
||||
|
||||
/*
|
||||
===========================================
|
||||
WIDGET FEATURES SUMMARY:
|
||||
|
||||
Core Features:
|
||||
- High contrast mode
|
||||
- Text size adjustment
|
||||
- Text spacing modification
|
||||
- Animation pausing
|
||||
- Image hiding
|
||||
- Dyslexia-friendly font
|
||||
- Cursor size adjustment
|
||||
- Line height adjustment
|
||||
- Text alignment
|
||||
|
||||
Advanced Features:
|
||||
- Screen reader with speech synthesis
|
||||
- Voice control with speech recognition
|
||||
- Reading mode
|
||||
- Enhanced focus indicators
|
||||
- Reduced motion mode
|
||||
- Font selection (Arial, Times, Verdana)
|
||||
- Color blindness filters (Protanopia, Deuteranopia, Tritanopia, Grayscale)
|
||||
|
||||
Technical Features:
|
||||
- Persistent settings via localStorage
|
||||
- Full keyboard navigation
|
||||
- ARIA compliance
|
||||
- Error handling for browser compatibility
|
||||
- Performance optimization with DOM caching
|
||||
- Single file deployment
|
||||
|
||||
Configuration Options:
|
||||
- Customizable language/text strings
|
||||
- Customizable voice command strings
|
||||
- Configurable grid layout (columns and gap)
|
||||
- All widget styling and positioning options
|
||||
- Feature enable/disable toggles
|
||||
|
||||
===========================================
|
||||
|
||||
CONFIGURATION EXAMPLE:
|
||||
|
||||
To customize the widget, define window.ACCESSIBILITY_WIDGET_CONFIG
|
||||
before loading the widget script:
|
||||
|
||||
<script>
|
||||
window.ACCESSIBILITY_WIDGET_CONFIG = {
|
||||
// Customize language/text strings
|
||||
lang: {
|
||||
accessibilityMenu: 'Menu de Accesibilidad',
|
||||
screenReader: 'Lector de Pantalla',
|
||||
biggerText: 'Texto Más Grande',
|
||||
highContrast: 'Alto Contraste',
|
||||
// ... customize any text string
|
||||
},
|
||||
|
||||
// Customize voice commands for different languages
|
||||
voiceCommands: {
|
||||
showMenu: ['mostrar menú', 'abrir menú', 'menú de accesibilidad'],
|
||||
highContrast: ['alto contraste'],
|
||||
biggerText: ['texto más grande', 'texto grande'],
|
||||
textSpacing: ['espaciado de texto'],
|
||||
pauseAnimations: ['pausar animaciones', 'detener animaciones'],
|
||||
hideImages: ['ocultar imágenes'],
|
||||
dyslexiaFont: ['fuente para dislexia', 'fuente dislexia'],
|
||||
biggerCursor: ['cursor más grande', 'cursor grande'],
|
||||
lineHeight: ['altura de línea'],
|
||||
textAlign: ['alinear texto', 'alineación de texto'],
|
||||
screenReader: ['lector de pantalla'],
|
||||
voiceControl: ['comando de voz', 'control de voz'],
|
||||
resetAll: ['reiniciar todo', 'resetear todo']
|
||||
},
|
||||
|
||||
// Customize grid layout
|
||||
gridLayout: {
|
||||
columns: '1fr 1fr 1fr', // 3-column layout
|
||||
gap: '15px' // Custom gap between buttons
|
||||
},
|
||||
|
||||
// Other customizable options
|
||||
widgetWidth: '500px',
|
||||
widgetPosition: {
|
||||
side: 'left',
|
||||
left: '30px',
|
||||
bottom: '30px'
|
||||
},
|
||||
colors: {
|
||||
primary: '#2196F3',
|
||||
primaryHover: '#1976D2',
|
||||
// ... customize any color
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<script src="widget.js"></script>
|
||||
|
||||
===========================================
|
||||
*/
|
||||
Reference in New Issue
Block a user