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();
|
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