{"id":1492,"date":"2023-11-28T13:29:37","date_gmt":"2023-11-28T12:29:37","guid":{"rendered":"https:\/\/casitasvacationhomes.com\/?page_id=1492"},"modified":"2024-06-12T10:02:23","modified_gmt":"2024-06-12T08:02:23","slug":"accesibilidad","status":"publish","type":"page","link":"https:\/\/casitasvacationhomes.com\/de\/accesibilidad\/","title":{"rendered":"Accesibilidad"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Se define la accesibilidad web como una caracter\u00edstica de una p\u00e1gina web que hace que se pueda utilizar por personas que padecen alg\u00fan tipo de discapacidad, sea temporal o definitiva. El concepto de accesibilidad surge para eliminar las dificultades de acceso para las personas con discapacidad (tanto sensorial como f\u00edsica), pero adem\u00e1s permite otras ventajas adicionales para los usuarios web sin discapacidad. Un organismo internacional, la W3C, defini\u00f3 en el a\u00f1o 2008 un conjunto de reglas de dise\u00f1o, las WCAG 2.0, a seguir para conseguir una web accesible. El objetivo principal del Trabajo de Final de Grado consiste en la creaci\u00f3n de una aplicaci\u00f3n de an\u00e1lisis y mejora de la accesibilidad web. Dicha aplicaci\u00f3n se genera a partir de un marco de desarrollo definido en una Tesis Doctoral presentada en la UIB.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Opciones de accesibilidad de los navegadores web<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los navegadores web Explorer, Netscape, Mozilla, FireFox, Opera, etc. incorporan diferentes opciones de accesibilidad que permiten personalizar el programa, el acceso y la visualizaci\u00f3n de las p\u00e1ginas. Algunos son recursos comunes en Windows pero otros est\u00e1n relacionados con el c\u00f3digo html.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Barra de herramientas<\/strong><br>Los navegadores tienen diferentes barras de herramientas con funciones espec\u00edficas: herramientas, direcciones, favoritos, historial y muchas otras. Estas barras pueden ser un estorbo, ya que reducen la ventana donde se visualiza la p\u00e1gina web y complican la interfaz del usuario. Para evitar esas molestias se pueden ocultar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por el contrario, la barra de herramientas est\u00e1ndar puede emplearse cuando las personas prefieran utilizar el lenguaje gr\u00e1fico de los iconos como alternativa al lenguaje textual de los men\u00fas. Se puede activar la \u201cvisi\u00f3n de pantalla completa\u201d, F11, que esconde la barra de men\u00fa y otras barras de herramientas, simplificando el entorno y ampliando la zona de la pantalla.<br>Algunas de las barras de herramientas se pueden personalizar:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La barra de herramientas est\u00e1ndar contiene las herramientas de navegaci\u00f3n. En algunos programas podemos a\u00f1adir, quitar y ordenar los botones, usar iconos grandes o peque\u00f1os y mostrar u ocultar el texto de las etiquetas. En Explorer y Firefox se accede desde el men\u00fa Ver | Barra de Herramientas |Personalizar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La barra de v\u00ednculos es un espacio reducido donde podemos guardar enlaces a las webs m\u00e1s visitadas. En Internet Explorer se pueden cambiar los iconos para que resulten comprensibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Favoritos.<\/strong><br>Es un espacio amplio que permite guardar de forma ordenada las direcciones web de nuestro inter\u00e9s. Personalizar estas herramientas permite crear una lista de enlaces, con iconos significativos, que facilitan el acceso r\u00e1pido a las p\u00e1ginas web sin tener que teclear las direcciones.<br>\u201cAutocompletar\u201c es otra opci\u00f3n que ahorra tiempo al teclear ya que, a medida que se escribe muestra una lista de entradas coincidentes donde podemos seleccionar nuestro texto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5.5.2.1. Visualizaci\u00f3n de las p\u00e1ginas web.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los navegadores disponen de opciones para mejorar la visualizaci\u00f3n de las p\u00e1ginas web siempre que estas respeten las pautas de accesibilidad. Es posible:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Variar el tama\u00f1o de la fuente, o CTRL+ \/ CTRL\u2013 en muchos navegadores, o desde el men\u00fa Ver | Tama\u00f1o del texto.<br>Cambiar el color del texto y del fondo de la p\u00e1gina web si se necesitan colores de gran contraste. Men\u00fa Herramientas | Opciones de Internet | Colores.<br>Asociar una hoja de estilo para visualizar la informaci\u00f3n de la web con fuentes y colores acorde con nuestras necesidades.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5.5.2.2. Acceso sin rat\u00f3n.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las personas que no puedan manejar el rat\u00f3n disponen de los m\u00e9todos abreviados de teclado para acceder a las opciones del programa y navegar por la Web. La utilizan habitualmente las personas ciegas y pero tambi\u00e9n aquellas que utilizan teclados virtuales programables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los navegadores web tienen unos m\u00e9todos del teclado propios para navegar por la p\u00e1gina web adem\u00e1s de los habituales desplazarse por cualquier documento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tabla 5.5.2.2.a. Lista de algunas combinaciones de teclado para navegar por la web<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MAY\u00daS+TAB -&gt;Retrocede entre los elementos de una p\u00e1gina Web<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ENTRAR -&gt; Activa un v\u00ednculo seleccionado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ESC -&gt; Detiene la descarga de una p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F5 -&gt; Actualiza la p\u00e1gina actual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ALT +D -&gt; Ir a la barra de las direcciones<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ALT+FLECHA A LA IZQUIERDA -&gt; Ir a la p\u00e1gina anterior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MAY\u00daS+F10 -&gt; Mostrar un men\u00fa contextual para un v\u00ednculo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CTRL+TAB -&gt;&nbsp;Avanzar entre marcos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Herramienta de accesibilidad<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Permite establecer cosas tales como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cambiar el tama\u00f1o de la fuente (aumentar\/disminuir)<\/li>\n\n\n\n<li>Escala de grises<\/li>\n\n\n\n<li>Contraste negativo<\/li>\n\n\n\n<li>Contraste alto<\/li>\n\n\n\n<li>Fondo claro<\/li>\n\n\n\n<li>Enlaces Subrayados<\/li>\n\n\n\n<li>Fuente legible<\/li>\n\n\n\n<li>Enlace a las p\u00e1ginas de Mapa del Sitio, Comentarios y\/o Ayuda<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La&nbsp;<strong>barra de herramientas de accesibilidad<\/strong>&nbsp;hace que sea muy sencillo encontrar y cambiar todo tipo de ajustes de accesibilidad.<br>Sus otras caracter\u00edsticas le dan la posibilidad de habilitar el salto al contenido, a\u00f1adir el enfoque del contorno para los elementos enfocables, eliminar los atributos de destino de los enlaces y a\u00f1adir roles de referencia a los enlaces.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/casitasvacationhomes.com\/wp-content\/uploads\/2023\/11\/image-1024x597.png\" alt=\"\" class=\"wp-image-1493\" title=\"\" srcset=\"https:\/\/casitasvacationhomes.com\/wp-content\/uploads\/2023\/11\/image-1024x597.png 1024w, https:\/\/casitasvacationhomes.com\/wp-content\/uploads\/2023\/11\/image-300x175.png 300w, https:\/\/casitasvacationhomes.com\/wp-content\/uploads\/2023\/11\/image-768x448.png 768w, https:\/\/casitasvacationhomes.com\/wp-content\/uploads\/2023\/11\/image.png 1513w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Se define la accesibilidad web como una caracter\u00edstica de una p\u00e1gina web que hace que se pueda utilizar por personas que padecen alg\u00fan tipo de discapacidad, sea temporal o definitiva. El concepto de accesibilidad surge para eliminar las dificultades de acceso para las personas con discapacidad (tanto sensorial como f\u00edsica), pero adem\u00e1s permite otras ventajas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"_joinchat":[],"footnotes":""},"class_list":["post-1492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/pages\/1492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/comments?post=1492"}],"version-history":[{"count":1,"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/pages\/1492\/revisions"}],"predecessor-version":[{"id":1495,"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/pages\/1492\/revisions\/1495"}],"wp:attachment":[{"href":"https:\/\/casitasvacationhomes.com\/de\/wp-json\/wp\/v2\/media?parent=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}