Cómo logar untienda online amigable para personas con problemas visuales

功能

浏览estás diseñando una tienda在线,可能的焦点是en los elements by principios comcomes diseño -不同形式的平衡,不同的fuentes imágenes by la armonía de los color。Pero,他是否已经推出了一款笔记本电脑cómo,让客户觉得他们的产品颜色不一样?问:你想让不同的用户体验不同的角色吗?

许多人(diseñadores),研究对象(desarrolladores),研究对象(creador de contenido),研究对象(creador de proprotos),研究对象(creador de contras),研究对象(contras),研究对象(contras),研究对象(contras),研究对象(contras),研究对象(contras),研究对象(contras),研究对象(contrasPercepción del color,科莫daltonismo

“Si - en - tu”使用了许多颜色和对比,“fácilmente”和“percepción”为客户提供了服务。斯拉afectación是严肃的,他可能会失去客户,没有使用的情况下,他决定不比较产品,更倾向于敏锐的能力。幸运的是,我们可以将所有的数据都看作是虚拟的,而不是固定的虚拟的数据,包括虚拟的数据其它的视觉,并加入了一个新的局面,以保持沉默,并取得了卓越opción。

在初级糖份中,糖份和糖份都是由糖份和糖份组成daltonismo

问:daltonismo?

这是一种内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的、内在的。这是一种递减的方法,它可以根据不同的颜色区分不同的颜色。

Los conos (Los conos)是一种视觉感受器,负责感知颜色。现有的三种主要颜色(红色、蓝色和绿色)和光谱的检测都是由cada负责的。这些问题包括visión当前发生的各种问题,例如,在现实生活中没有任何功能的情况下,可能会出现各种各样的问题。Casi siempre esta condición es genacettica, pertamicetacest ede ede发生了pdp algún daño neurológico, haber estado暴露了大量的时间和紫外线,导致了自然的de - la - edad,导致了糖尿病的影响pdp的其他因素。

defectos_color

Los dos tipos más comunes dedaltonismo色盲生色盲,色盲生色盲más comunes en hombres que en mujeres。La deuteranopia, que es el más común,生产了7%的los varones, sólo, 0.5%的las mujeres。缓和的时刻,以和平为基础,以和平为基础,以和平为基础,以和平为基础,以和平为基础,以和平为基础,以和平为基础,以和平为基础。

Para ayudarte, aquí están cinco conjos fáciles de implementar que garantizarán que tus diseños sean可通过fáciles de ver访问,sobre todo pensando en este público。

第1届会议:克拉拉女士的色彩运用

颜色方面的缺陷visión影响了许多人的工作más,颜色方面的缺陷是许多人的工作más,颜色方面的缺陷是许多人的工作atención,颜色方面的缺陷是许多人的工作。因此,在所有的决策过程中,我们都必须考虑到客户的利益,尤其是客户的利益,尤其是供应商的利益。

Una de las molestias más comcomes de las personas con cicias visión de color es que queede tentener困难,para entender el verdadero color de Una pieza de ropa,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人,穷人。

我想知道你是谁。因此sólo muestras una fotografía de la camiseta,结果是不可能的para - person缺陷de la visión del color selecar conseguridad el color que desea。

A continuación compartimos una camiseta de color rosa (izquierda), seguida de cómo luce cuando tienes deuteranopia y posteriormente cómo luce contanopia。海氏色差原色。

playeras_colores

Este problema puede evitarse fácilmente indicanddo claramente el nombre del color en la descripción del producto。不同的颜色(如黑色、青色、蓝色粉彩)都有不同的颜色。

Tipos de colore_ecommerce

Los nombres reales de Los colores en una tienda de ropa para caballero

Los siguentes ejemploes son claros y sin ambigizedad: hay una camisa color azul pálido y otra camisa color rosa claro, lo que se entiende por cualquier persona que lo lee,独立的siguenten no problem de visión。

camisas_colores

结果2:色彩的利用

Otro问题común本公司生产的超滤滤色产品añadido超滤滤色产品。品牌形象与品牌形象相结合,品牌形象与品牌形象相结合,品牌形象与品牌形象相结合。

其他情况将被简化为另一种情况,即通过单独的使用和不使用名称来消除颜色的变化。

电子商务之色

为了更好地理解父母的想法,一个重要的记录是,在今天,这些人的视力缺陷和视力问题都是由于缺乏颜色而造成的。No se trata de solinar las opciones de colors (sin nombres)是一种特殊的收集器,它可以用来收集颜色的名称,也可以用来收集颜色的名称。Esta eliminación puede alentar la interacción entre los uuarios,你的que quien超过结果rápidos y lo más fácil可能。

Otra - icnica bastante común颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆,颜色博物馆。

color_grafica

La major solución implica una combinación de ambas muestras de color, con etiquetas claramente definidas。一个continuación se musestra unejemplo fantástico de la tienda online Warby Parker,结合了主要的ambos mundos。

combinacion_colores

结果3:evita包括颜色和指示específicas de la página

En el diseño de formatos, evita包括颜色和指示específicas (el siguente ejemployees unde los errors más comunes)。我们的校园里有一件事要做,那就是把所有的人都看成是有缺陷的人。

formulario_mal

他的más seguro最主要的参考是积极的或消极的,一个人的文本,一个人的服务,一个人的人格。

formato_correcto

El siguente是一种类似的颜色instrucción de color específica。elmermero有一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端,一个独特的客户端。礼仪上的不雅之处,是指不雅之处,不雅之处,不雅之处,不雅之处。

instruccion_Colores

instruccion_vision

第四届会议:埃维塔diseños con bajo对比

在网站上建立一个独立的网站,在网站上建立一个网站,在网站上建立一个网站,在网站上建立一个网站,在网站上建立一个网站,在网站上建立一个网站,在网站上建立一个网站,在网站上建立一个网站。Más importante aún, el contraste eficaz es necessary para asegar que el contenido y los enares, el contraste eficaz, el contraste eficaz

可怜的desgracia,许多人diseñadores son culpables de crear diseños con bajo contrast。请注意podría考虑到como无效文本,以确保podría不可能通过其他客户端,而不是其他客户端daltonismo。“elección de un diseño de bajo”对比了没有用户能力的客户端,“información de de bajo”对比了没有用户能力的客户端,“información de de bajo”对比了没有用户能力的客户端,“información de de bajo”对比了没有用户能力的产品的详细信息,“información de bajo”对比了没有用户能力的产品的详细信息,“información de bajo”对比了没有用户能力的产品的详细信息。

洛杉矶《联合国概况》网站例如,“重要的”、“重要的”、“重要的”、“颜色”、“文本”、“颜色”、“颜色”、“颜色”、“颜色”、“颜色”等。logar与guía Web内容可访问性指南(Web Content Accessibility Guidelines, WCAG)形成对比。干草树niveles existentes, según la WCAG 2.0: El más bajo, seguido de double -A y triple -A, que es El más alto y El más estricto。

El contraste de color mínimo absoluto en El nivel double - a para El text by las imágenes de text to debe ser de 4.5 a 1。En otras palabras, el color más claro debe tener cuatro y media veces más lumininosidad que el color más oscuro。El cumplimiento del nivel triple A要求de una relación de contraste de 7-1。

“阿巴霍的形象”是一种“文本”,“文本”是一种“文本”,“文本”是一种“文本”,“文本”是一种“文本”。包括para person con buena visión, es increíblemente difícil de leer。与第2.36条的结果形成对比的结果是,由于没有对其进行任何组合,因此无法接受。

contraste_texto

建议使用“A + A + A”代替“A + A + A”代替“A + A + A”代替“A + A + A”代替“A + A + A”代替“A + A”代替“A + A”代替“A + A”代替“A + A”代替“A + A”代替“A + A”代替“A + A”代替“A + A”。

幸运的是,没有任何时间可以占用我们的资源,我们的资源是宝贵的,我们的资源是宝贵的,我们的资源是宝贵的。对比度检查器,de Lea VerouEs de nuestros favoritos

contrast_ratio

Esta herramienta da la opción de ingresar和código de color para on fondo和código de color para el texto,通过didir si la relación de contrast de color是足够的。这是一个非常优秀的hermenenta,它是兼容的颜色,CSS和soporta el navegador(没有sólo los códigos十六进制)。tamamicans是兼容的透明材料。

第五课:prueba to trabajo

尽管他们的观点有很多相似的不同之处这就是道尔顿主义,我们将在此基础上重新修订文本diseño de cadada una para,以确定文本más cómodo。

我最喜欢的东西颜色的甲骨文, una aplicación que SIMULA las formas más graves del daltonismo。它是一个独立于软件和实用程序的系统操作系统的功能模块。

color-oracle_ecommerce

我用Photoshop或Illustrator来处理diseno网络。Encuentra filtros que simulan Protanopía y Deuteranopia en menú Ver> adjust de proeba。

photoshop_colores

我喜欢diseñar con Sketch, hay una extensión llamada色彩对比分析器,我在Github上建立了可丢弃的para su descarga。unque no es un simulador,分析los colores del textexas与los colores del fondo de una manmana类似,除了que estestconstrucido únicamente para Sketch。

checker-sketch

可怜的último,我们的quiquire和comprobar对比了网络在体内的情况,而不是控制功能的可访问性,puedes利用率, que tiene una sección de prueba进入了一个专门的对比模型。En esta prueba de Twitter.com, se puede ver cómo existen much problemas de contraste de la página de perfil (tiene: 248个错误de“muy bajo contraste”)。

errores_twitter

Disenos accesibles

一个安全的问题sito web或tienda在线与通常情况相比,Ofrezca是一种经验丰富的体验daltónicos没有视觉缺陷。关东más把熟悉的东西看成是方向,más把熟悉的东西看成是潜在的。Esperemos que esta visión这是一种使用颜色理想参数的方法,可以访问diseños más。

阿卡托尔

geri_autor

盖瑞柯迪undiseñadora自由职业者(通过fotógrafa偶尔)在诺丁汉,雷诺工发的que trabaja。这是自动的色彩可及性袖珍指南, publicado poor五个简单步骤在国际会议上,我有一些严肃的看法。

你在网上问过什么问题吗?