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 56 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
• Verify that they are spacer images (1)
• • Line 363: <img height="24" width="108" alt="" src="/cmsupload/pie/logo.gif" />
• Text equivalent should be short, perhaps this could be a longdesc (1)
• • Line 35: <img class="logo" alt="Amplio muestrario de fotos decoración cerámica, ambientes cerámicos de diseño., Galería de ambientes cerámica, fotos decoración interiores y exteriores con azulejos baldosas y pavimentos cerám" src="/templates/default/images/logo.png" />
• If describing the image will add information, you need to provide a description of the image with a valid longdesc attribute (11)
• • Line 35: <img class="logo" alt="Amplio muestrario de fotos decoración cerámica, ambientes cerámicos de diseño., Galería de ambientes cerámica, fotos decoración interiores y exteriores con azulejos baldosas y pavimentos cerám" src="/templates/default/images/logo.png" />
  • Line 37: <img alt="Español" src="/templates/default/images/flags/es.png"/>
  • Line 38: <img alt="Inglés" src="/templates/default/images/flags/en_disabled.png"/>
  • Line 76: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 82: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 88: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 94: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 100: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 106: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 363: <img height="24" width="108" alt="" src="/cmsupload/pie/logo.gif" />
  • Line 378: <img alt="awstats" src="/cms/libjs/awstats_misc_tracker.js?nojs=y" style="display: none; height:0px; width:0px; border:0px" />

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

5.1 For data tables, identify row and column headers.

• if this is a data table identify column and row headers (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

5.2 For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.

• If this is a multilevel table, should identify structural groups of rows and groups of columns (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

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 (14)
• • Line 24: <link rel="stylesheet" href="/templates/default/css/design.css" type="text/css" media="all" />
  • Line 25: <link rel="stylesheet" href="/templates/default/css/wysiwyg.css" type="text/css" media="all" />
  • Line 26: <link rel="stylesheet" href="/templates/default/modules/catalogo/ambientes/css/ambientes.css" type="text/css" media="all" />
  • Line 69: <div id="module" style="bbackground:#f00;">
  • Line 123: <div id="swf_container_ambientes" style="overflow:hidden;width:855px;height:498px">
  • Line 363: <td style="width: 20px;">
  • Line 363: <span style="color: rgb(0, 0, 0);">
  • Line 363: <span style="font-size: 7pt;">
  • Line 363: <span style="font-family: Arial;">
  • Line 363: <span style="color: rgb(78, 78, 78);">
  • Line 363: <span style="font-size: 7pt;">
  • Line 363: <span style="font-family: Arial;">
  • Line 378: <p style="display: none;">
  • Line 378: <img alt="awstats" src="/cms/libjs/awstats_misc_tracker.js?nojs=y" style="display: none; height:0px; width:0px; border:0px" />

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. (7)
• • Line 16: <script type="text/javascript">
  • Line 16: <script type="text/javascript">
  • Line 122: <script type="text/javascript" src="/cms/libjs/flash/swfobject/swfobject.js">
  • Line 123: <script type="text/javascript">
  • Line 128: <script src="/cms/libjs/prototype.1.5.js" type="text/javascript">
  • Line 129: <script type="text/javascript">
  • Line 377: <script type="text/javascript" src="/cms/libjs/awstats_misc_tracker.js">

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. (7)
• • Line 16: <script type="text/javascript">
  • Line 16: <script type="text/javascript">
  • Line 122: <script type="text/javascript" src="/cms/libjs/flash/swfobject/swfobject.js">
  • Line 123: <script type="text/javascript">
  • Line 128: <script src="/cms/libjs/prototype.1.5.js" type="text/javascript">
  • Line 129: <script type="text/javascript">
  • Line 377: <script type="text/javascript" src="/cms/libjs/awstats_misc_tracker.js">

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 (7)
• • Line 16: <script type="text/javascript">
  • Line 16: <script type="text/javascript">
  • Line 122: <script type="text/javascript" src="/cms/libjs/flash/swfobject/swfobject.js">
  • Line 123: <script type="text/javascript">
  • Line 128: <script src="/cms/libjs/prototype.1.5.js" type="text/javascript">
  • Line 129: <script type="text/javascript">
  • Line 377: <script type="text/javascript" src="/cms/libjs/awstats_misc_tracker.js">

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 5 automatically detected problems de tipo automático y 50 problems that require human review que requieren revisión manual.

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

• This element uses absolute units of measure rather than relative units of measure (4)
• • Line 123: <div id="swf_container_ambientes" style="overflow:hidden;width:855px;height:498px">
  • Line 123: <div id="swf_container_ambientes" style="overflow:hidden;width:855px;height:498px">
  • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">
  • Line 363: <td style="width: 20px;">
• Verify absolute units of measure are not used on stylesheets (3)
• • Line 24: <link rel="stylesheet" href="/templates/default/css/design.css" type="text/css" media="all" />
  • Line 25: <link rel="stylesheet" href="/templates/default/css/wysiwyg.css" type="text/css" media="all" />
  • Line 26: <link rel="stylesheet" href="/templates/default/modules/catalogo/ambientes/css/ambientes.css" type="text/css" media="all" />

12.4 Associate labels explicitly with their controls.

• This form control is not explicitly labeled, missing or invalid id attribute (1)
• • Line 41: <input type="text" class="field" name="search_text" value="" />

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 (11)
• • Line 35: <img class="logo" alt="Amplio muestrario de fotos decoración cerámica, ambientes cerámicos de diseño., Galería de ambientes cerámica, fotos decoración interiores y exteriores con azulejos baldosas y pavimentos cerám" src="/templates/default/images/logo.png" />
  • Line 37: <img alt="Español" src="/templates/default/images/flags/es.png"/>
  • Line 38: <img alt="Inglés" src="/templates/default/images/flags/en_disabled.png"/>
  • Line 76: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 82: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 88: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 94: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 100: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 106: <img class="spinner" alt="cargando" src="/templates/default/images/icons/ajax_spinner.gif" />
  • Line 363: <img height="24" width="108" alt="" src="/cmsupload/pie/logo.gif" />
  • Line 378: <img alt="awstats" src="/cms/libjs/awstats_misc_tracker.js?nojs=y" style="display: none; height:0px; width:0px; border:0px" />

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.3 Use style sheets to control layout and presentation.

• Convert the presentation properties to style sheets (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

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).

5.3 Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version).

• Tables used for layout should make sense when linearized (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

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 (7)
• • Line 16: <script type="text/javascript">
  • Line 16: <script type="text/javascript">
  • Line 122: <script type="text/javascript" src="/cms/libjs/flash/swfobject/swfobject.js">
  • Line 123: <script type="text/javascript">
  • Line 128: <script src="/cms/libjs/prototype.1.5.js" type="text/javascript">
  • Line 129: <script type="text/javascript">
  • Line 377: <script type="text/javascript" src="/cms/libjs/awstats_misc_tracker.js">
• For non-decorative effects provide redundant event handlers to ensure device-independent. (1)
• • Line 112: <input type="button" id="buscar" value="Buscar" onclick="ajax.paso_url(0,null);"/>

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 (7)
• • Line 16: <script type="text/javascript">
  • Line 16: <script type="text/javascript">
  • Line 122: <script type="text/javascript" src="/cms/libjs/flash/swfobject/swfobject.js">
  • Line 123: <script type="text/javascript">
  • Line 128: <script src="/cms/libjs/prototype.1.5.js" type="text/javascript">
  • Line 129: <script type="text/javascript">
  • Line 377: <script type="text/javascript" src="/cms/libjs/awstats_misc_tracker.js">

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 (1)
• • Line 112: <input type="button" id="buscar" value="Buscar" onclick="ajax.paso_url(0,null);"/>

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 (6)
• • Line 79: <label for="estancias">
  • Line 85: <label for="acabados">
  • Line 91: <label for="superficies">
  • Line 97: <label for="pastas">
  • Line 103: <label for="formatos">
  • Line 109: <label for="series">

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 8 automatically detected problems de tipo automático y 17 problems that require human review que requieren revisión manual.

5.5 Provide summaries for tables.

• Table is missing a summary (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">
• This table does not have a title or caption (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

10.4 Until user agents handle empty controls correctly, include default, place-holding characters in edit boxes and text areas.

• This form control is missing placeholder text (1)
• • Line 41: <input type="text" class="field" name="search_text" value="" />
• Al least one OPTION must be selected within this group (6)
• • Line 76: <select id="estancias" name="estancia" onchange="ajax.change(this);">
  • Line 82: <select id="acabados" name="acabado" onchange="ajax.change(this);">
  • Line 88: <select id="superficies" name="superficie" onchange="ajax.change(this);">
  • Line 94: <select id="pastas" name="pasta" onchange="ajax.change(this);">
  • Line 100: <select id="formatos" name="formato" onchange="ajax.change(this);">
  • Line 106: <select id="series" name="serie" onchange="ajax.change(this);">

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

9.5 Provide keyboard shortcuts to important links (including those in client-side image maps), form controls, and groups of form controls.

• There are no keyboard shortcut keys to any of the controls in this document. Verify if they are needed.

10.3 Until user agents (including assistive technologies) render side-by-side text correctly, provide a linear text alternative (on the current page or some other) for all tables that lay out text in parallel, word-wrapped columns.

• Tables used for layout should make sense when linearized (1)
• • Line 363: <table width="500" cellspacing="1" cellpadding="1" border="0">

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 41: <form class="form" action="/500011_es/Buscar" method="post">

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 (3)
• • Line 24: <link rel="stylesheet" href="/templates/default/css/design.css" type="text/css" media="all" />
  • Line 25: <link rel="stylesheet" href="/templates/default/css/wysiwyg.css" type="text/css" media="all" />
  • Line 26: <link rel="stylesheet" href="/templates/default/modules/catalogo/ambientes/css/ambientes.css" type="text/css" media="all" />

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.