{"id":7998,"date":"2018-06-22T15:36:58","date_gmt":"2018-06-22T15:36:58","guid":{"rendered":"http:\/\/disenoweb.mx\/diseno\/?p=4373"},"modified":"2019-04-17T15:01:01","modified_gmt":"2019-04-17T20:01:01","slug":"diseno-web-en-tecoman","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-en-tecoman\/","title":{"rendered":"Dise\u00f1o web en Tecom\u00e1n"},"content":{"rendered":"<h1>Dise\u00f1o web en Tecom\u00e1n<\/h1>\n<figure id=\"attachment_4374\" aria-describedby=\"caption-attachment-4374\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img data-opt-id=1353485974  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-4374\" src=\"https:\/\/mlniuewdmffl.i.optimole.com\/w:600\/h:290\/q:mauto\/f:best\/http:\/\/disenoweb.mx\/diseno\/wp-content\/uploads\/desarrollo-web-600x290.png\" alt=\"Dise\u00f1o web en Tecom\u00e1n \" width=\"600\" height=\"290\" \/><figcaption id=\"caption-attachment-4374\" class=\"wp-caption-text\">Dise\u00f1o web en Tecom\u00e1n<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n<\/em><\/strong><\/a> Normalmente es f\u00e1cil ver el texto lineal de una tabla empleada para maquetar la p\u00e1gina &#8211; simplemente se quitan las etiquetas de tabla.<br \/>\nExisten varias herramientas para realizar esta tarea, y cada vez m\u00e1s los lectores de pantalla y algunos navegadores alinean las tablas.<br \/>\nSin embargo, la alineaci\u00f3n de las tablas de datos requiere una estrategia diferente. Puesto que las celdas de datos dependen de la<br \/>\ninformaci\u00f3n proporcionada por las celdas que las rodean y las de encabezado, la informaci\u00f3n sobre las relaciones entre ellas<a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n\u00a0<\/em><\/strong><\/a><br \/>\nproporcionada visualmente debe ser trasladada a la tabla alineada.<br \/>\nPor ejemplo, para especificar la orden de la disposici\u00f3n de las columnas. La direcci\u00f3n de escritura del idioma puede afectar la<br \/>\ndisposici\u00f3n de las columnas y por lo tanto el orden de la tabla alineada. El atributo \u201cdir\u201d especifica la secuencia de la disposici\u00f3n de<br \/>\nlas columnas (por ejemplo, dir=\u201crtl\u201d especifica una disposici\u00f3n de derecha a izquierda).<br \/>\nEste etiquetado tambi\u00e9n ayudar\u00e1 a los navegadores a alinear las tablas (tambi\u00e9n llamado &#8220;serializaci\u00f3n&#8221; de tablas). Se puede crear<br \/>\nuna versi\u00f3n lineal basada en filas empezando con el encabezado de la fila, y tambi\u00e9n precediendo cada celda con el encabezado<br \/>\nde columna de la celda. O, la alineaci\u00f3n puede basarse en la columna. Los navegadores y las ayudas t\u00e9cnicas futuras podr\u00e1n traducir<br \/>\nautom\u00e1ticamente las tablas a secuencias lineales o navegar por la tabla celda por celda si los datos se etiquetan adecuadamente.<a href=\"https:\/\/disenoweb.mx\"><strong><em>dise\u00f1o web en Colima\u00a0<\/em><\/strong><\/a><br \/>\nEl grupo de trabajo de la WAI sobre la Evaluaci\u00f3n y Reparaci\u00f3n est\u00e1 siguiendo el progreso de las herramientas y desarrolla sus propias<br \/>\nherramientas que permitir\u00e1n que los usuarios alineen o que naveguen las tablas celda por celda. V\u00e9ase [WAI-ER] .<br \/>\n\u00a1Test r\u00e1pido! Para entender mejor c\u00f3mo un lector de pantalla leer\u00eda una tabla, coloque un trozo de papel sobre la p\u00e1gina y lea la tabla<br \/>\nl\u00ednea a l\u00ednea.<a href=\"https:\/\/disenoweb.mx\"><strong><em>dise\u00f1o web\u00a0<\/em><\/strong><\/a><\/p>\n<p>5.4 Cuestiones de compatibilidad con versiones anteriores para tablas<br \/>\nCon los navegadores dise\u00f1ados para HTML 3.2, las filas de un elemento TFOOT aparecer\u00e1n antes que el cuerpo de la tabla.<\/p>\n<p>6.1Texto de los v\u00ednculos<br \/>\nPuntos de verificaci\u00f3n en esta secci\u00f3n:<br \/>\n13.1 Identifique claramente el objetivo de cada v\u00ednculo. [Prioridad 2]<br \/>\nUn buen texto para un v\u00ednculo de no deber\u00eda ser demasiado general; no utilice frases como \u201cpinche aqu\u00ed\u201d. Esta frase no s\u00f3lo es<a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n<\/em><\/strong><\/a><br \/>\nespec\u00edfica a un dispositivo (implica un dispositivo de apuntamiento) sino que no indica nada acerca de lo que se encontrar\u00e1 si se sigue<br \/>\nel v\u00ednculo. En lugar de &#8220;pinche aqu\u00ed&#8221;, el texto del v\u00ednculo deber\u00eda indicar la naturaleza del objetivo del v\u00ednculo, como en \u201cm\u00e1s informaci\u00f3n<br \/>\nsobre los leones marinos\u201d o \u201cversi\u00f3n s\u00f3lo-texto de esta p\u00e1gina\u201d. Tenga en cuenta que, para este \u00faltimo caso (y otros documentos <a href=\"https:\/\/disenoweb.mx\"><strong><em>dise\u00f1o web en Colima<\/em><\/strong><\/a><br \/>\ncon formato o idioma espec\u00edficos), se insta a los desarrolladores de contenido a usar la negociaci\u00f3n del contenido como alternativa,<br \/>\nde forma que los usuarios que prefieran las versiones de texto las obtengan autom\u00e1ticamente.<br \/>\nAdem\u00e1s de textos claros en los v\u00ednculos, los desarrolladores de contenido pueden especificar un valor del atributo \u201ctitle\u201d que clara y<br \/>\nconcisamente describa el objetivo del v\u00ednculo.<a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n<\/em><\/strong><\/a><br \/>\nSi hay m\u00e1s de un v\u00ednculo en una p\u00e1gina con el mismo texto, todos estos v\u00ednculos deben remitir al mismo recurso. Esta coherencia<br \/>\nayudar\u00e1 al dise\u00f1o de la p\u00e1gina tanto como a la accesibilidad.<br \/>\nSi dos o m\u00e1s v\u00ednculos van referidos a objetivos diferentes pero comparten el mismo texto, distinga los v\u00ednculos especificando un valor<br \/>\ndiferente para el atributo &#8220;title&#8221; de cada elemento A.<br \/>\nLos &#8220;usuarios auditivos&#8221; &#8212; personas ciegas, con dificultades de visi\u00f3n o que utilizan mecanismos con pantallas peque\u00f1as o sin pantalla<br \/>\n&#8212; no pueden revisar r\u00e1pidamente una p\u00e1gina de un vistazo. Para tener una visi\u00f3n r\u00e1pida de la p\u00e1gina o encontrar r\u00e1pidamente un<br \/>\nv\u00ednculo, estos usuarios a menudo saltar\u00e1n de un v\u00ednculo a otro con la tecla tabulador o revisar\u00e1n una lista de v\u00ednculos disponibles en<br \/>\nuna p\u00e1gina.<a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n<\/em><\/strong><\/a><br \/>\nAs\u00ed pues, para una serie de v\u00ednculos relacionados, incluya informaci\u00f3n introductoria en el primer v\u00ednculo e informaci\u00f3n distintiva en<br \/>\nlos v\u00ednculos siguientes. Ello proporcionar\u00e1 informaci\u00f3n contextual para los usuarios que los leen en orden secuencial.<a href=\"https:\/\/disenoweb.mx\"><strong><em>dise\u00f1o web<\/em><\/strong><\/a><\/p>\n<p>Ejemplo.<br \/>\n&lt;A href=&#8221;my-doc.html&#8221;&gt;Mi documento est\u00e1 disponible en HTML&lt;\/A&gt;,<br \/>\n&lt;A href=&#8221;my-doc.pdf&#8221; title=&#8221;Mi documento en PDF&#8221;&gt;PDF&lt;\/A&gt;,<br \/>\n&lt;A href=&#8221;my-doc.txt&#8221; title=&#8221;Mi documento en formato texto&#8221;&gt;texto&lt;\/A&gt;<a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n<\/em><\/strong><\/a><\/p>\n<h2><a href=\"https:\/\/disenoweb.mx\"><strong><em>Dise\u00f1o web en Tecom\u00e1n <\/em><\/strong><\/a><\/h2>\n<p>#DisenowebenTecoman<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web en Tecom\u00e1n &nbsp; Dise\u00f1o web en Tecom\u00e1n Normalmente es f\u00e1cil ver el texto lineal de una tabla empleada para maquetar la p\u00e1gina &#8211; simplemente se quitan las etiquetas de tabla. Existen varias herramientas para realizar esta tarea, y cada vez m\u00e1s los lectores de pantalla y algunos navegadores alinean las tablas. Sin embargo, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/disenoweb.mx\/blog\/diseno-web-en-tecoman\/\"> <span class=\"screen-reader-text\">Dise\u00f1o web en Tecom\u00e1n<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":4374,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,1191,55],"tags":[837,328,327,836,68,46,831,1228,830,828,1282,829,128],"class_list":["post-7998","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web-2","category-diseno-web","tag-agencia-de-diseno-web-en-ciudad-de-mexico","tag-agencia-de-diseno-web-en-df","tag-agencia-de-diseno-web-en-guadalajara","tag-agencia-de-diseno-web-en-zapopan","tag-desarrollo-web","tag-diseno-web","tag-diseno-web-en-ciudad-de-mexico","tag-diseno-web-en-colima","tag-diseno-web-en-df","tag-diseno-web-en-guadalajara","tag-diseno-web-en-tecoman","tag-diseno-web-en-zapopan","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/7998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=7998"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/7998\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media\/4374"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=7998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=7998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=7998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}