Deprecated: Return type of Requests_Cookie_Jar::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Cookie/Jar.php on line 63

Deprecated: Return type of Requests_Cookie_Jar::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Cookie/Jar.php on line 73

Deprecated: Return type of Requests_Cookie_Jar::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Cookie/Jar.php on line 89

Deprecated: Return type of Requests_Cookie_Jar::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Cookie/Jar.php on line 102

Deprecated: Return type of Requests_Cookie_Jar::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Cookie/Jar.php on line 111

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 40

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 51

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 68

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 82

Deprecated: Return type of Requests_Utility_CaseInsensitiveDictionary::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/Requests/Utility/CaseInsensitiveDictionary.php on line 91

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web522/e0/75/511171875/htdocs/blog/wp-content/themes/bootstrap_blog/functions.php:89) in /mnt/web522/e0/75/511171875/htdocs/blog/wp-includes/rest-api/class-wp-rest-server.php on line 1719
{"id":311,"date":"2010-11-12T18:18:58","date_gmt":"2010-11-12T16:18:58","guid":{"rendered":"https:\/\/www.pcpolis.es\/blog\/?p=311"},"modified":"2015-02-11T17:35:25","modified_gmt":"2015-02-11T15:35:25","slug":"usabilidad-y-accesibilidad-de-la-web","status":"publish","type":"post","link":"https:\/\/www.pcpolis.es\/blog\/css\/usabilidad-y-accesibilidad-de-la-web\/","title":{"rendered":"Usabilidad y Accesibilidad de la Web"},"content":{"rendered":"<div class=\"capitulo\">\n<div class=\"contenido\">\n<p>El avance de Internet y el desarrollo de la tecnolog\u00eda, hacen necesario adecuarse a estos cambios. Con ello conseguimos que nuestra web siga funcionando correctamente y lo haga conforme a las nuevas tendencias y normativas.<\/p>\n<p>Uno de los aspectos m\u00e1s importantes est\u00e1 relacionado con la Usabilidad y Accesibilidad. <span class=\"notapie\"><strong>Ley 56\/2007<\/strong>: \u00abA partir del 31 de diciembre de 2008, las p\u00e1ginas de Internet de las Administraciones P\u00fablicas satisfar\u00e1n, como m\u00ednimo, el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos&#8230;<\/span> No basta con tener una Web est\u00e9tica si al mismo tiempo no es f\u00e1cil de usar y accesible a todo tipo de usuarios. Para conseguir este objetivo se han ido implementando una serie de normas por las que podemos guiarnos y herramientas que nos hacen m\u00e1s f\u00e1cil el trabajo.<\/p>\n<p>En el Sitio del Consorcio W3C podemos encontrar m\u00e1s informaci\u00f3n al respecto, adem\u00e1s de enlaces a herramientas que nos permiten validar nuestro c\u00f3digo <a title=\"Validar c\u00f3digo XHTML\" href=\"http:\/\/validator.w3.org\/\" target=\"_blank\">XHTML<\/a> y <a title=\"Validar c\u00f3digo CSS\" href=\"http:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\">CSS<\/a>.<\/p>\n<p>Una vez comprobado y validado el c\u00f3digo, debemos encargarnos de los detalles de la Accesibilidad. Se han definido diferentes niveles de conformidad con las WCAG 1.0:<\/p>\n<h3 class=\"posttitle\">Niveles de Accesibilidad<\/h3>\n<div id=\"attachment_316\" style=\"width: 289px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.w3.org\/WAI\/WCAG1-Conformance\"><img aria-describedby=\"caption-attachment-316\" loading=\"lazy\" class=\"size-full wp-image-316 \" title=\"accesibilidad_niveles\" src=\"https:\/\/www.pcpolis.es\/blog\/wp-content\/upLoads\/2010\/11\/accesibilidad_niveles.jpg\" alt=\"Niveles de Accesibilidad\" width=\"279\" height=\"59\" \/><\/a><p id=\"caption-attachment-316\" class=\"wp-caption-text\">Niveles de Accesibilidad<\/p><\/div>\n<ul style=\"padding-left: 30px;\">\n<li>Nivel \u00abA\u00bb de Conformidad: Se han satisfecho todos los puntos de verificaci\u00f3n de Prioridad 1;<\/li>\n<\/ul>\n<ul style=\"padding-left: 30px;\">\n<li> Nivel \u00abDoble-A\u00bb de Conformidad: Se han satisfecho todos los puntos de verificaci\u00f3n de Prioridad 1 y 2;<\/li>\n<\/ul>\n<ul style=\"padding-left: 30px;\">\n<li> Nivel \u00abTriple-A\u00bb de Conformidad: Se han satisfecho todos los puntos de verificaci\u00f3n de Prioridad 1, 2, y 3.<\/li>\n<\/ul>\n<p>Estas son las directrices de la W3C que podemos usar como lista de comprobaci\u00f3n para conseguir que nuestra p\u00e1gina sea accesible.<\/p>\n<h2>Directrices<\/h2>\n<ol class=\"lista1\">\n<li>PROPORCIONAR ALTERNATIVAS EQUIVALENTES PARA EL CONTENIDO VISUAL Y AUDITIVO<br \/>\nProporcionar contenido que, cuando se le presente al usuario, tenga esencialmente la misma funci\u00f3n o prop\u00f3sito tanto como contenido visual como auditivo.<\/li>\n<li>NO CONF\u00cdE S\u00d3LO EN EL COLOR<br \/>\nAseg\u00farese de que el texto y los gr\u00e1ficos son comprensibles cuando se vean sin color<\/li>\n<li>USO APROPIADO DEL C\u00d3DIGO Y DE LAS HOJAS DE ESTILO<br \/>\nCree los documentos con los elementos estructurales apropiados. Use Hojas de Estilos en la presentaci\u00f3n, en lugar de utilizar los atributos en el propio c\u00f3digo.<\/li>\n<li>PROCURAR EL USO DE LENGUAJE NATURAL<br \/>\nUtilizar c\u00f3digo que facilite la pronunciaci\u00f3n o interpretaci\u00f3n de texto abreviado o en otro idioma<\/li>\n<li>CREE TABLAS QUE SE TRANSFORMEN CORRECTAMENTE<br \/>\nAseg\u00farese de que las tablas poseen el c\u00f3digo necesarios para transformarlas mediante navegadores accesibles y otros agentes de usuario.<\/li>\n<li>ASEG\u00daRESE DE QUE LAS P\u00c1GINAS QUE USAN NUEVAS TECNOLOG\u00cdAS SE TRANSFORMAN CORRECTAMENTE<br \/>\nAseg\u00farese de que las p\u00e1ginas son accesibles incluso cuando las nuevas tecnolog\u00edas no sean compatibles o est\u00e1n apagadas.<\/li>\n<li>ASEGURAR EL CONTROL DE USUARIO DE LOS CONTENIDOS SENSIBLES A LOS CAMBIOS DE TIEMPO<br \/>\nAseg\u00farese de que el movimiento, desplazamiento, o la actualizaci\u00f3n autom\u00e1tica de objetos y p\u00e1ginas puede ser pausada o detenerse.<\/li>\n<li>ASEGURAR LA ACCESIBILIDAD DIRECTA DE LAS INTERFACES DE USUARIO INCRUSTADAS<br \/>\nAseg\u00farese de que la interfaz de usuario sigue los principios del dise\u00f1o accesible: independiente del dispositivo de acceso a la funcionalidad, operatividad del teclado, voz propia, etc.<\/li>\n<li>DISE\u00d1O PARA DISPOSITIVOS INDEPENDIENTES<br \/>\nUso de las caracter\u00edsticas que permiten la activaci\u00f3n de elementos de la p\u00e1gina a trav\u00e9s de una variedad de dispositivos de entrada.<\/li>\n<li>UTILICE SOLUCIONES PROVISIONALES<br \/>\nUtilice soluciones de accesibilidad provisionales por lo que las ayudas t\u00e9cnicas y los navegadores m\u00e1s antiguos funcionar\u00e1n correctamente.<\/li>\n<li>Utilice las tecnolog\u00edas del W3C y las directrices<br \/>\nUtilice las tecnolog\u00edas W3C (de acuerdo a las especificaciones) y siga las pautas de accesibilidad. Cuando no sea posible utilizar una tecnolog\u00eda W3C, o hacer que los resultados en el material no se transformen correctamente, proporcione una versi\u00f3n alternativa del contenido que sea accesible.<\/li>\n<li>PROPORCIONAR INFORMACI\u00d3N DE CONTEXTO Y ORIENTACI\u00d3N<br \/>\nProporcionar informaci\u00f3n de contexto y orientaci\u00f3n para ayudar a los usuarios a entender las p\u00e1ginas o elementos complejos.<\/li>\n<li>PROPORCIONE MECANISMOS CLAROS DE NAVEGACI\u00d3N<br \/>\nProporcionar mecanismos de navegaci\u00f3n coherente y clara &#8211; informaci\u00f3n de orientaci\u00f3n, barras de navegaci\u00f3n, un mapa del sitio, etc &#8211; para aumentar la probabilidad de que una persona va a encontrar lo que busca en el sitio.<\/li>\n<li>ASEG\u00daRESE DE QUE LOS DOCUMENTOS SEAN CLAROS Y SIMPLES<br \/>\nAseg\u00farese de que los documentos sean claros y simples para que puedan ser m\u00e1s f\u00e1ciles de entender.<\/li>\n<\/ol>\n<p>Espero que hayas disfrutado del art\u00edculo y que sea de utilidad. Para m\u00e1s informaci\u00f3n puedes visitar <a title=\"Ir a la p\u00e1gina de W3C\" href=\"http:\/\/www.w3.org\/TR\/1999\/WAI-WEBCONTENT-19990505\/\" target=\"_blank\">este<\/a> aparartado en la W3C.<\/p>\n<h3 class=\"posttitle\">Test de Accesibilidad<\/h3>\n<p>Entre las herramientas que nos permiten comprobar el nivel de accesibilidad de nuestro Sitio, est\u00e1n los siguientes:<\/p>\n<ul>\n<li><a title=\"Test de Accesibilidad con Tawdis\" href=\"http:\/\/www.tawdis.net\/\" target=\"_blank\">tawdis<\/a><\/li>\n<\/ul>\n<ul>\n<li><a title=\"Test de Accesibilidad Hera\" href=\"http:\/\/www.sidar.org\/hera\/\" target=\"_blank\">hera<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El avance de Internet y el desarrollo de la tecnolog\u00eda, hacen necesario adecuarse a estos cambios. Con ello conseguimos que nuestra web siga funcionando correctamente y lo haga conforme a las nuevas tendencias y normativas. Uno de los aspectos m\u00e1s importantes est\u00e1 relacionado con la Usabilidad y Accesibilidad. Ley 56\/2007: \u00abA partir del 31 de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,15],"tags":[],"_links":{"self":[{"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/posts\/311"}],"collection":[{"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":65,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/posts\/311\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/posts\/311\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/media?parent=311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/categories?post=311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pcpolis.es\/blog\/wp-json\/wp\/v2\/tags?post=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}