🗣️ Screen Reader Text sr-only / visually-hidden Generator

100% Client-Side
Configuración de Texto Accesible
Presets de Patrones de Accesibilidad WCAG:
Resultados HTML & CSS Accesibles (WCAG 2.1)
Nombre de Clase .sr-only
Conformidad WCAG 2.1 Level AA
Compatibilidad SR NVDA / VoiceOver

¿Qué es Generador de Sr Only y cómo funciona?

La herramienta Generador de Sr Only de Teclea.Dev Run te permite procesar y transformar datos directamente en tu navegador web. Generador interactivo de clases CSS accesibles (.sr-only / .visually-hidden) y fragmentos HTML WCAG 2.1 para lectores de pantalla (NVDA, JAWS, VoiceOver). Toda la ejecución se realiza en memoria en el cliente sin transferir información privada a servidores externos.

📖 Guía de Uso Rápido

  1. Ingresa el Texto de Accesibilidad, Etiqueta HTML Envolvente y Nombre de Clase CSS (.sr-only / .visually-hidden) o selecciona un preset WCAG.
  2. Inspecciona el snippet HTML generado y la regla CSS clip-path conforme a WCAG 2.1.
  3. Revisa la clase CSS, nivel de conformidad WCAG y compatibilidad con lectores de pantalla.
  4. Copia o descarga el archivo CSS o HTML.

Ventajas y Características Técnicas

Otras utilidades de Diseño y Frontend

WebXR Device Simulador Config Validador de glTF Three Mat Generador de A-Frame Entity Quat Euler Spatial Audio Generador de Subsetting de Fuentes Constructor de Variable Font CSS