Recursos para diseño personalizado y accesible de sitios web
Recursos para diseño personalizado y accesible de sitios web
Requisitos de finalización
Diseño personalizado y accesible (recursos)
Introducción al desarrollo web con estándares
Creación de sitios web mediante estándares (PDF. 2,5 MB. César F. Acebal. Gira 2004 del W3C, Oviedo)
Editores de código
Fuente editores de código: http://www.mozilla-hispano.org/documentacion/Preguntas_frecuentes_sobre_KompoZer:Información_general
Para Windows
- Notepad++, un editor de textos genérico con coloreado de sintaxis y diferentes utilidades. No te dejes engañar por el nombre, NO es un Notepad con un par de iconos más.
- HTML-Kit build-292, un editor HTML con muchas opciones de menú para mejorar la productividad con HTML. Quizá no sea la mejor opción para lenguajes dinámicos como PHP.
Para Linux
- Bluefish, orientado al entorno Gnome, también disponible para Windows y Mac OS X mediante bibliotecas Linux portadas a estos sistemas.
- Quanta Plus, orientado al entorno KDE.
Multiplataforma
- NetBeans, un entorno de desarrollo integrado multilenguaje escrito en Java, que aunque inicialmente estaba orientado sobre todo a Java, incluye ahora ayudas al desarrollo en PHP, JSP, Python y, por supuesto, HTML. Necesita JRE (Java Runtime Environment) para funcionar.
- Aptana, un plugin que se aplica sobre Eclipse, otro entorno de desarrollo integrado multilenguaje escrito en Java, por lo que se convierte en una opción muy similar a la anterior en cuanto a requisitos e historia. Su filosofía es diferente y puede que te encuentres más cómodo con uno o con el otro.
HTML y XHTML
- Manual de HTML
- Manual de XHTML
- Diferencias entre HTML y XHTML
- Completa explicación de las tablas en XHTML
- Ejemplos de tablas accesibles (en inglés)
- Codificación de caracteres
CSS
- Manual de CSS
- Guía de Referencia CSS 2.1 del W3C
- CSS Cheat Sheet (chuleta CSS)
- Especificidad CSS: cosas que debes saber (en inglés)
- CSS specificity calculator
- Layout Gala (una gran colección de plantillas con diferentes formatos)
- Herramienta para la generación automática de plantillas
Accesibilidad
- Resumen de la WCAG 2.0
- Web Content Accessibility Guidelines (WCAG) 2.0 (texto completo original, en inglés)
- Pautas de Accesibilidad de Contenido Web 2.0 (traducción de Saúl González Fernández)
- Puntos de verificación de las Pautas de Accesibilidad al Contenido Web (WCAG) 2.0
- Web Content Accessibility Guidelines (WCAG) 1.0 (texto completo original, en inglés)
- Pautas de Accesibilidad de Contenido Web 1.0 (traducción de Carlos Egea, Alicia Sarabia y Alan Chuter)
- Técnicas esenciales para las Directrices de Accesibilidad para el Contenido Web 1.0
- Comparación entre los puntos de verificación de las WCAG 1.0 y las WCAG 2.0 por nivel de prioridad (en inglés)
- Referencia sobre legislación española relacionada con la accesibilidad web
- Norma UNE 139803:2004
- Reglamento para el acceso de las personas con discapacidad a la Sociedad de la Información (II) (relación entre la norma UNE y las WCAG)
- AccesoWeb (lista de distribución)
- Usable y accesible (blog de Olga Carreras)
Otros recursos
- CSS3
- HTML5
- Vídeo en HTML5
- Bye Bye Embed (en inglés)
- Vídeo para todos (página de prueba con HTML5. Probadla en IE < 9)
- Reseña de "Accesibilidad a los contenidos audiovisuales en la web", por Olga Carreras
- Incluir vídeos de YouTube de forma accesible
- Ocultar elementos con CSS de forma accesible (en inglés)
- Comentarios condicionales de Internet Explorer (en inglés)
Otras herramientas
Color
Extensiones para Firefox
Validación
- HTML: W3C Markup Validation Service
- CSS: W3C CSS Validation Service
- Accesibilidad:
- Contrast Checker
- TAWDIS Analizador WCAG 1.0 y 2.0
- HERA Revisa la accesibilidad de las páginas de acuerdo con las WCAG 1.0
- WAVE Señala errores y te permite visualizar la estructura de la página o verla en formato texto.
- PISTA Herramienta local del Ministerio de Industria, Turismo y Comercio. Permite validar según diferentes normativas.
Última modificación: lunes, 18 de enero de 2021, 13:40