Problemas de accesibilidad de Prioridad 1

Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web.

Se No automatically detected problems de tipo automático y 44 problems that require human review que requieren revisión manual.

1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video.

• Verify that text equivalent for image is useful
• If describing the image will add information, you need to provide a description of the image with a valid longdesc attribute (23)
• • Line 20: <img src="../archi_portada/logog.gif" alt="Logo paginas Paco Bermejo. Si haces clic vas a portada" width="320" height="50">
  • Line 88: <img src="../mujeres/corte_confeccion_pq.jpg" alt="Corte y confecci&oacute;n: 1935. Anuncio de Academia" width="200" height="135">
  • Line 93: <img src="ecosocia/carro_pq.jpg" alt="Los transportes" width="200" height="130">
  • Line 164: <img src="bota_1943.jpg" alt="Las fiestas" width="214" height="324" class="composicion" id="galimage">
  • Line 166: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Mujer" width="23" height="9" onKeyPress="switchtoimage(this, 0);" onClick="switchtoimage(this, 0);">
  • Line 167: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="El Diluvio" width="23" height="9" onKeyPress="switchtoimage(this, 1);" onClick="switchtoimage(this, 1);">
  • Line 168: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Fiestas" width="23" height="9" onKeyPress="switchtoimage(this, 2);" onClick="switchtoimage(this, 2);">
  • Line 169: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Colegio confesional" width="23" height="9" onKeyPress="switchtoimage(this, 3);" onClick="switchtoimage(this, 3);">
  • Line 170: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Argentina" width="23" height="9" onKeyPress="switchtoimage(this, 4);" onClick="switchtoimage(this, 4);">
  • Line 171: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Sin pan, pero con toros" width="23" height="9" onKeyPress="switchtoimage(this, 5);" id="button_gal" onClick="switchtoimage(this, 5);" >
  • Line 207: <img src="mujerrio_boton.jpg"alt="La mujer logroñesa" width="60" height="60" >
  • Line 218: <img src="../arte/brinas_ico.jpg" alt="General Baldomero Espartero" width="60" height="60" border="0">
  • Line 231: <img src="ecos_ico.jpg" alt="Peinado de moda a finales del XIX" width="60" height="60">
  • Line 245: <img src="cineico_cuna.jpg" alt="Canción de cuna de María Lejárraga" width="60" height="60">
  • Line 256: <img src="teatro_icomascara.jpg" alt="La complicidad" width="60" height="60" >
  • Line 280: <img src="espectaculo_ico.jpg" alt="Fragmento de cartel" width="60" height="60">
  • Line 291: <img src="moda_garycuper.jpg" alt="Gary Cooper. Sombrero de moda" width="60" height="60">
  • Line 302: <img src="xirgu_ico.jpg" alt="Margarita Xirgu" width="60" height="60">
  • Line 314: <img src="rosas_ico.jpg" alt="Entronizando el amor" width="60" height="60">
  • Line 319: <img src="../coches/coches_ico.jpg" alt="Rioja automovilista" width="60" height="60">
  • Line 331: <img src="../politica/w340.png" alt="Lás páginas con este logo están validadas para HTML 4.01!" width="54" height="19">
  • Line 331: <img src="../politica/css.png" alt="Validado estilos CSS" width="54" height="19">
  • Line 331: <img src="../best/taw_2_AA.png" alt="Validado TAW3" width="78" height="19">

2.1 Ensure that all information conveyed with color is also available without color, for example from context or markup.

• Check it through the whole document

4.1 Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).

• Check it through the whole document

6.1 Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document.

• Ensure this document can be read without style sheets (3)
• • Line 13: <link href="estilos_index.css" rel="stylesheet" type="text/css">
  • Line 165: <span style="margin-left:1.6em" class="bio" id="enlaces">
  • Line 173: <div style="margin-left: 1.5em" id="titulos">

6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes.

• Verify that equivalents of dynamic content are updated and avaliable as often as the dynamic content. (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">

6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.

• Verify that dynamic content is accessible or provide an alternative. (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">
• Missing NOSCRIPT element with accessible alternative content for scripts in this page. Verify if it is needed (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">

7.1 Until user agents allow users to control flickering, avoid causing the screen to flicker.

• Check it through the whole document

8.1a Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies, if functionality is important and not presented elsewhere.

• This element may not be accesible to all users. Please ensure there is an accesible interface to this object (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">

11.4 If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.

• Check it through the whole document

14.1 Use the clearest and simplest language appropriate for a site's content.

• Check it through the whole document

Problemas de accesibilidad de Prioridad 2

Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web.

Se 1 automatically detected problem de tipo automático y 51 problems that require human review que requieren revisión manual.

11.2 Avoid deprecated features of W3C technologies.

• This HTML element uses deprecated attributes. (1)
• • Line 218: <img src="../arte/brinas_ico.jpg" alt="General Baldomero Espartero" width="60" height="60" border="0">

2.2a Ensure that foreground and background color combinations for images provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen.

• Poor visibility between text and background colors (23)
• • Line 20: <img src="../archi_portada/logog.gif" alt="Logo paginas Paco Bermejo. Si haces clic vas a portada" width="320" height="50">
  • Line 88: <img src="../mujeres/corte_confeccion_pq.jpg" alt="Corte y confecci&oacute;n: 1935. Anuncio de Academia" width="200" height="135">
  • Line 93: <img src="ecosocia/carro_pq.jpg" alt="Los transportes" width="200" height="130">
  • Line 164: <img src="bota_1943.jpg" alt="Las fiestas" width="214" height="324" class="composicion" id="galimage">
  • Line 166: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Mujer" width="23" height="9" onKeyPress="switchtoimage(this, 0);" onClick="switchtoimage(this, 0);">
  • Line 167: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="El Diluvio" width="23" height="9" onKeyPress="switchtoimage(this, 1);" onClick="switchtoimage(this, 1);">
  • Line 168: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Fiestas" width="23" height="9" onKeyPress="switchtoimage(this, 2);" onClick="switchtoimage(this, 2);">
  • Line 169: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Colegio confesional" width="23" height="9" onKeyPress="switchtoimage(this, 3);" onClick="switchtoimage(this, 3);">
  • Line 170: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Argentina" width="23" height="9" onKeyPress="switchtoimage(this, 4);" onClick="switchtoimage(this, 4);">
  • Line 171: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Sin pan, pero con toros" width="23" height="9" onKeyPress="switchtoimage(this, 5);" id="button_gal" onClick="switchtoimage(this, 5);" >
  • Line 207: <img src="mujerrio_boton.jpg"alt="La mujer logroñesa" width="60" height="60" >
  • Line 218: <img src="../arte/brinas_ico.jpg" alt="General Baldomero Espartero" width="60" height="60" border="0">
  • Line 231: <img src="ecos_ico.jpg" alt="Peinado de moda a finales del XIX" width="60" height="60">
  • Line 245: <img src="cineico_cuna.jpg" alt="Canción de cuna de María Lejárraga" width="60" height="60">
  • Line 256: <img src="teatro_icomascara.jpg" alt="La complicidad" width="60" height="60" >
  • Line 280: <img src="espectaculo_ico.jpg" alt="Fragmento de cartel" width="60" height="60">
  • Line 291: <img src="moda_garycuper.jpg" alt="Gary Cooper. Sombrero de moda" width="60" height="60">
  • Line 302: <img src="xirgu_ico.jpg" alt="Margarita Xirgu" width="60" height="60">
  • Line 314: <img src="rosas_ico.jpg" alt="Entronizando el amor" width="60" height="60">
  • Line 319: <img src="../coches/coches_ico.jpg" alt="Rioja automovilista" width="60" height="60">
  • Line 331: <img src="../politica/w340.png" alt="Lás páginas con este logo están validadas para HTML 4.01!" width="54" height="19">
  • Line 331: <img src="../politica/css.png" alt="Validado estilos CSS" width="54" height="19">
  • Line 331: <img src="../best/taw_2_AA.png" alt="Validado TAW3" width="78" height="19">

3.1 When an appropriate markup language exists, use markup rather than images to convey information.

• When an appropriate markup language exits, use markup rather than images to convey information.

3.2 Create documents that validate to published formal grammars.

• Verify that the document validates to published formal grammars (HTML-XHTML, CSS).

3.4 Use relative rather than absolute units in markup language attribute values and style sheet property values.

• Verify absolute units of measure are not used on stylesheets (1)
• • Line 13: <link href="estilos_index.css" rel="stylesheet" type="text/css">

3.5 Use header elements to convey document structure and use them according to specification.

• Verify that all headers are properly marked up ("h1"-"h6" elements).

3.6 Mark up lists and list items properly.

• Verify that all lists are properly marked up ("ul","ol","dl" elements).

3.7 Mark up quotations. Do not use quotation markup for formatting effects such as indentation.

• Verify that all the quotations have been properly marked up ("q","blockquote" elements).

6.4 For scripts and applets, ensure that event handlers are input device-independent.

• For scripts and applets, ensure that event handlers are input device-independent (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">

7.2 Until user agents allow users to control blinking, avoid causing content to blink (i.e., change presentation at a regular rate, such as turning on and off).

• Verify that there is no blinking content in the page.

7.3 Until user agents allow users to freeze moving content, avoid movement in pages.

• Verify whether there is no moving content in the page, or there is a way to freeze the movement.

8.1b Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies.

• This element may not be accesible to all users. Please ensure there is an accesible interface to this object (3)
• • Line 17: <script type="text/javascript" src="nobutton.js">
  • Line 105: <script type="text/javascript">
  • Line 141: <script type="text/javascript">

9.3 For scripts, specify logical event handlers rather than device-dependent event handlers.

• For scripts, specify logical event handlers rather than device-dependent event handlers (6)
• • Line 166: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Mujer" width="23" height="9" onKeyPress="switchtoimage(this, 0);" onClick="switchtoimage(this, 0);">
  • Line 167: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="El Diluvio" width="23" height="9" onKeyPress="switchtoimage(this, 1);" onClick="switchtoimage(this, 1);">
  • Line 168: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Fiestas" width="23" height="9" onKeyPress="switchtoimage(this, 2);" onClick="switchtoimage(this, 2);">
  • Line 169: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Colegio confesional" width="23" height="9" onKeyPress="switchtoimage(this, 3);" onClick="switchtoimage(this, 3);">
  • Line 170: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Argentina" width="23" height="9" onKeyPress="switchtoimage(this, 4);" onClick="switchtoimage(this, 4);">
  • Line 171: <img src="../cepashis/ecosocia/icon_inactivo.gif" alt="Sin pan, pero con toros" width="23" height="9" onKeyPress="switchtoimage(this, 5);" id="button_gal" onClick="switchtoimage(this, 5);" >

10.2 Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.

• Verify that this label is positioned close to its corresponding form controls (3)
• • Line 64: <label for="busqueda" class="buscador">
  • Line 72: <label for="www">
  • Line 76: <label for="bermemar">

11.1 Use W3C technologies when they are available and appropriate for a task and use the latest versions when supported.

• Check it through the whole document

13.1 Clearly identify the target of each link.

• Ensure that each link clearly identify its target.

13.2 Provide metadata to add semantic information to pages and sites.

• Check it through the whole document

13.3 Provide information about the general layout of a site (e.g., a site map or table of contents).

• Check it through the whole document

13.4 Use navigation mechanisms in a consistent manner.

• Check it through the whole document

Problemas de accesibilidad de Prioridad 3

Un desarrollador de contenidos de páginas Web puede satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web.

Se No automatically detected problems de tipo automático y 12 problems that require human review que requieren revisión manual.

2.2b Ensure that foreground and background color combinations for text provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen.

• Check it through the whole document

4.2 Specify the expansion of each abbreviation or acronym in a document where it first occurs.

• Specify the expansion of each abbrevation or acronym in a document where it first occurs

9.4 Create a logical tab order through links, form controls, and objects.

• There is no tab order in this document. A tab order makes controls easier to navigate for many users

11.3 Provide information so that users may receive documents according to their preferences (e.g., language, content type, etc.)

• Check it through the whole document

13.5 Provide navigation bars to highlight and give access to the navigation mechanism.

• Check it through the whole document

13.6 Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group.

• Check it through the whole document

13.7 If search functions are provided, enable different types of searches for different skill levels and preferences.

• If this form is used to submit a search, verify that enable a variety of skill levels and preferences (1)
• • Line 62: <form enctype="multipart/form-data" action="http://www.google.com/search" method="get">

13.8 Place distinguishing information at the beginning of headings, paragraphs, lists, etc.

• Check it through the whole document

13.9 Provide information about document collections (i.e., documents comprising multiple pages.).

• If the page is part of a document collection, verify that you provide information about the collection.

14.2 Supplement text with graphic or auditory presentations where they will facilitate comprehension of the page.

• Check it through the whole document

14.3 Create a style of presentation that is consistent across pages.

• Consistent page layout and recognizable graphics benefit all users. In particular, they help people with cognitive disabilities or who have difficulty reading (1)
• • Line 13: <link href="estilos_index.css" rel="stylesheet" type="text/css">

13.10 Provide a means to skip over multi-line ASCII art.

• Verify that a means to skip over multi-line "ASCII art" is provided.