{"id":4498,"date":"2018-08-21T17:45:59","date_gmt":"2018-08-21T17:45:59","guid":{"rendered":"http:\/\/disenoweb.mx\/diseno\/?p=4498"},"modified":"2019-04-17T15:00:56","modified_gmt":"2019-04-17T20:00:56","slug":"diseno-web-en-monterrey","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-en-monterrey\/","title":{"rendered":"Dise\u00f1o web en Monterrey"},"content":{"rendered":"\n<h1>Dise\u00f1o web en Monterrey<\/h1>\n<figure id=\"attachment_4499\" aria-describedby=\"caption-attachment-4499\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img data-opt-id=595311844  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-4499\" src=\"https:\/\/mlniuewdmffl.i.optimole.com\/w:600\/h:400\/q:mauto\/f:best\/http:\/\/disenoweb.mx\/diseno\/wp-content\/uploads\/Curso-Online-de-Dise%C3%B1o-y-Desarrollo-Web-Front-End-con-Javascript-HTML5-y-CSS3-ML-600x400.jpg\" alt=\"Dise\u00f1o web en Monterrey Dise\u00f1o web en Monterrey Dise\u00f1o web en Monterrey Curso Online de Dise  o y Desarrollo Web Front End con Javascript HTML5 y CSS3 ML 600x400\" width=\"600\" height=\"400\" title=\"Curso-Online-de-Dise\u00f1o-y-Desarrollo-Web-Front-End-con-Javascript-HTML5-y-CSS3-ML-600x400 Curso-Online-de-Dise\u00f1o-y-Desarrollo-Web-Front-End-con-Javascript-HTML5-y-CSS3-ML-600x400\"><figcaption id=\"caption-attachment-4499\" class=\"wp-caption-text\">Dise\u00f1o web en Monterrey<\/figcaption><\/figure>\n<p><strong><em>Dise\u00f1o web en Monterrey<\/em><\/strong><\/p>\n<p>Asegurarse de que la informaci\u00f3n no se transmite s\u00f3lo por el color<br>\nPuntos de verificaci\u00f3n en esta secci\u00f3n:<br>\n2.1 Aseg\u00farese que toda la informaci\u00f3n transmitida a trav\u00e9s de los colores tambi\u00e9n est\u00e9 disponible sin color, por ejemplo mediante<br>\nel contexto o por marcadores. [Prioridad 1]<a href=\"http:\/\/disenoweb.mx\/\"><strong><em>dise\u00f1o web\u00a0<\/em><\/strong><\/a><br>\nAseg\u00farese de que la informaci\u00f3n no se transmite s\u00f3lo a trav\u00e9s del color. Por ejemplo, cuando pida intervenci\u00f3n de los usuarios, no<br>\nescriba \u201cpor favor, seleccione uno de los \u00edtems indicados en verde\u201d. En su lugar, aseg\u00farese de que la informaci\u00f3n est\u00e1 disponible a<br>\ntrav\u00e9s de otros efectos de estilo (por ejemplo un efecto de fuente) y a trav\u00e9s del contexto (por ejemplo, v\u00ednculos de texto detallados).<br>\nPor ejemplo, en la versi\u00f3n electr\u00f3nica de este documento se ha dado estilo a los ejemplos por defecto (a trav\u00e9s de hojas de estilo)<br>\nde la siguiente manera:<a href=\"http:\/\/disenoweb.mx\/\"><strong><em>Dise\u00f1o web en Monterrey<\/em><\/strong><\/a><\/p>\n<p>Est\u00e1n rodeados por un borde.<br>\n\u2022 Utilizan un color de fondo diferente.<br>\n\u2022 Comienzan por la palabra \u201cEjemplo\u201d (o \u201cEjemplo desaconsejado\u201d).<br>\n\u2022Tambi\u00e9n terminan con la frase \u201cfin del ejemplo\u201d, pero esta frase est\u00e1 escondida por defecto con \u201cdisplay: none\u201d. Para las aplicaciones<br>\nde usuario que no soportan hojas de estilo o cuando se desconectan las hojas de estilo, este texto ayuda a delimitar el fin de un<br>\nejemplo a los lectores que no sean capaces de ver el borde que rodea el ejemplo.<br>\nTest r\u00e1pido: Para verificar si su documento funciona aun sin colores, exam\u00ednelo con un monitor en blanco y negro o con el color<br>\ndesactivado en el navegador. Igualmente, intente configurar su navegador con un esquema de colores que s\u00f3lo utilice blanco, negro<br>\ny los cuatro tonos de gris b\u00e1sico de la paleta del navegador y compruebe como se presenta la p\u00e1gina.<br>\nTest r\u00e1pido: Para verificar si el contraste de color es suficiente para ser distinguido por personas con deficiencias en la percepci\u00f3n<br>\ndel color, o por aquellos con monitores de baja resoluci\u00f3n, imprima las p\u00e1ginas en una impresora en blanco y negro (con los fondos<br>\ny colores en escala de grises). Intente tambi\u00e9n fotocopiar lo impreso dos o tres veces para ver c\u00f3mo se deteriora. Ello le mostrar\u00e1<br>\nd\u00f3nde necesita a\u00f1adir se\u00f1ales redundantes (ejemplo: los hiperv\u00ednculos est\u00e1n normalmente subrayados en las p\u00e1ginas Web), o si las<br>\nse\u00f1ales son demasiado peque\u00f1as o indistintas para mostrarse bien.<br>\nPara mayor informaci\u00f3n sobre colores y contrastes, consulte [LIGHTHOUSE].<br>\nProporcionar pistas de contexto en las listas HTML<br>\nPuntos de verificaci\u00f3n en esta secci\u00f3n:<a href=\"http:\/\/disenoweb.mx\/\"><strong><em>Dise\u00f1o web en Monterrey<\/em><\/strong><\/a><br>\n3.6 Marque correctamente las listas y los \u00edtems de las listas. [Prioridad 2]<br>\n13.2 Proporcione metadatos para a\u00f1adir informaci\u00f3n sem\u00e1ntica a las p\u00e1ginas y sitios. [Prioridad 2]<br>\nLos dise\u00f1adores de contenidos deben emplear UL para listas sin ordenar y OL para las ordenadas (por ejemplo, utilizar marcadores<br>\nde forma apropiada) conjuntamente con CSS para proporcionar indicaciones contextuales.<br>\nLa siguiente hoja de estilo CSS2 muestra c\u00f3mo especificar n\u00fameros compuestos para listas anidadas creadas tanto con elementos<br>\nUL como OL. Los \u00edtems est\u00e1n numerados como \u201c1\u201d, \u201c1.1\u201d, \u201c1.1.1\u201d, etc.<br>\nEjemplo <a href=\"http:\/\/disenoweb.mx\/\"><strong><em>dise\u00f1o web en Nuevo Leon<\/em><\/strong><\/a><br>\n&lt;style type=\u201dtext\/css\u201d&gt;<br>\nul, ol { counter-reset: item }<br>\nli { display: block }<br>\nli:before {<br>\ncontent: counters(item, \u201c.\u201d);<br>\ncounter-increment: item;<br>\n}<br>\n&lt;\/style&gt;<\/p>\n<h2><a href=\"http:\/\/disenoweb.mx\/\"><strong><em>Dise\u00f1o web en Monterrey<\/em><\/strong><\/a><\/h2>\n<p><a href=\"https:\/\/www.facebook.com\/disenopaginaweb\/\">#DisenowebenMonterrey<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web en Monterrey Dise\u00f1o web en Monterrey Asegurarse de que la informaci\u00f3n no se transmite s\u00f3lo por el color Puntos de verificaci\u00f3n en esta secci\u00f3n: 2.1 Aseg\u00farese que toda la informaci\u00f3n transmitida a trav\u00e9s de los colores tambi\u00e9n est\u00e9 disponible sin color, por ejemplo mediante el contexto o por marcadores. [Prioridad 1]dise\u00f1o web\u00a0 Aseg\u00farese &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/disenoweb.mx\/blog\/diseno-web-en-monterrey\/\"> <span class=\"screen-reader-text\">Dise\u00f1o web en Monterrey<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":4499,"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,830,828,1244,1306,829,128],"class_list":["post-4498","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-df","tag-diseno-web-en-guadalajara","tag-diseno-web-en-monterrey","tag-diseno-web-en-nuevo-leon","tag-diseno-web-en-zapopan","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4498","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=4498"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4498\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=4498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=4498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=4498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}