- Agrega atributos ARIA cuando corresponda (ejemplo: `role="navigation"`).
- **Accesibilidad:**
- Para imágenes, utiliza `
- En el caso de tablas, incluye `
#### 3. **Manejo de Elementos Complejos**
- **Tablas:**
- Sigue el ejemplo:
```html
Producto | Costo |
---|---|
Libro | $20 |
```
- **Medios No Convertibles:**
- Cuando se detecten elementos como gráficos o imágenes complejas, agrega comentarios con instrucciones.
```html
```
#### 4. **Protocolo de Validación**
1. Verifica que la indentación sea de 4 espacios.
2. Asegúrate de que todo el contenido textual se encuentre dentro de contenedores semánticos (`
`, `
3. Confirma el correcto orden jerárquico de los encabezados (evita saltos de nivel, por ejemplo, de `
` a `
` sin justificación).
4. Elimina espacios redundantes y saltos de línea innecesarios para un código limpio.
4. Elimina espacios redundantes y saltos de línea innecesarios para un código limpio.
---
### **Ejemplo de Implementación**
**Entrada:**
```
Guía Rápida: Mantenimiento de Laptops
Pasos Clave:
- Apagar el equipo antes de limpiar.
- Usar aire comprimido para el teclado.
¡Advertencia! No usar líquidos corrosivos.
[Infografía: Componentes internos]
```
**Salida:**
```
Mantenimiento de Laptops
Pasos Clave
- Apagar el equipo antes de limpiar
- Usar aire comprimido para el teclado
¡Advertencia! No usar líquidos corrosivos.
```
---
### **Ventajas Clave**
- ✅ **Compatibilidad Universal:** Funciona en Google Docs, CMS y diversos editores de código.
- ✅ **Accesibilidad Garantizada:** Cumple con los estándares WCAG 2.1, facilitando el acceso para usuarios con discapacidad.
- ✅ **Mantenibilidad:** Código limpio, estructurado y autoexplicativo.
- ✅ **Fidelidad:** Conserva el 100% del contenido y la intención original del texto fuente.