Análisis de accesibilidad

Web objeto del análisis

Portafolio Multimedia 1

Declaración de tipo de documento:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

Adaptación de su estructura, presentación, y accesibilidad para cumplir las especificaciones:

XHTML 1.0 Strict | CSS 2.0 | WAI Doble A

Convenciones:

Para distinguir el documento web inicial, y el resultante después del análisis, nos referiremos a ellos como “portafolio 1” y “portafolio 2” respectivamente.

Estructura de base

Empezaremos con la estructura básica del nuevo documento “portafolio2”.

Para ello tendremos en cuenta lo explicado en el módulo de “Estructura Web” sobre el orden jerárquico de elementos y las características sintácticas del estandar xhtml.

Crearemos una estructura simple sobre la que iremos añadiendo todas las partes que componen el documento “portafolio 1” pero ajustadas el nuevo estándar del documento “portafolio 2”:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Portafolio Multimedia 3D</title>
<meta name="author" content="Jose Manuel L&oacute;pez Pola"/>
<meta name="description" content="Análisis de accesibilidad"/>
<meta name="keywords" content="W3C, est&aacute;ndares, usabilidad, accesibilidad, pautas, WAI"/>
<link href="../../css/portaf2.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</ht

Hoja de estilo

Lo primero que observamos en el “portafolio 1” es que carece de hoja de estilo independiente, tiene los selectores definidos en el propio documento. Ya hemos comentado las múltiples ventajas que tiene trabajar con hojas de estilo externas, entre otras cosas nos aportan un control total sobre la presentación de todo el sitio, y optimizan cualquier tarea de mantenimiento posterior.

La Pauta 3 recomienda el uso de hojas de estilo en el punto de verificación 3.3, [punto de prioridad 2].

Por lo tanto creamos una hoja de estilo y la vinculamos al documento “portafolio 2”.

Documento conforme W3C XHTML 1.0|CSS 2.0|WAI AA