{"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":"\n<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  Dise\u00f1o web en Tecom\u00e1n Dise\u00f1o web en Tecom\u00e1n desarrollo web 600x290\" width=\"600\" height=\"290\" title=\"desarrollo-web-600x290 desarrollo-web-600x290\"><figcaption id=\"caption-attachment-4374\" class=\"wp-caption-text\">Dise\u00f1o web en Tecom\u00e1n<\/figcaption><\/figure>\n<p>\u00a0<\/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 \u2013 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 \u201cserializaci\u00f3n\u201d 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 \u201cpinche aqu\u00ed\u201d, 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 \u201ctitle\u201d de cada elemento A.<br>\nLos \u201cusuarios auditivos\u201d \u2014 personas ciegas, con dificultades de visi\u00f3n o que utilizan mecanismos con pantallas peque\u00f1as o sin pantalla<br>\n\u2014 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=\u201dmy-doc.html\u201d&gt;Mi documento est\u00e1 disponible en HTML&lt;\/A&gt;,<br>\n&lt;A href=\u201dmy-doc.pdf\u201d title=\u201dMi documento en PDF\u201d&gt;PDF&lt;\/A&gt;,<br>\n&lt;A href=\u201dmy-doc.txt\u201d title=\u201dMi documento en formato texto\u201d&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 \u00a0 Dise\u00f1o web en Tecom\u00e1n Normalmente es f\u00e1cil ver el texto lineal de una tabla empleada para maquetar la p\u00e1gina \u2013 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":"open","ping_status":"open","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,55,1191],"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","category-diseno-web-2","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}]}}