{"id":24786,"date":"2025-06-27T10:55:23","date_gmt":"2025-06-27T08:55:23","guid":{"rendered":"https:\/\/taxfix.com\/es-es\/?page_id=24786"},"modified":"2025-07-02T11:07:47","modified_gmt":"2025-07-02T09:07:47","slug":"accesibilidad-en-taxscouts","status":"publish","type":"page","link":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/","title":{"rendered":"Accesibilidad en Taxfix"},"content":{"rendered":"<div class=\"c-block-body m-white  m-narrow\">\n\n    <div class=\"c-container\">\n\n        <div class=\"c-block-body__content\">\n\n            \n            <div class=\"c-body\"><h1>Accesibilidad en Taxfix<\/h1>\n<h2>Introducci\u00f3n<\/h2>\n<p><span style=\"font-weight: 400;\">En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas, incluidas aquellas con necesidades de acceso diversas. Creemos en el dise\u00f1o inclusivo y trabajamos para que nuestras experiencias digitales sean f\u00e1ciles de usar y accesibles para todos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esta declaraci\u00f3n de accesibilidad describe c\u00f3mo nuestra plataforma de declaraci\u00f3n de impuestos en Espa\u00f1a cumple con los requisitos establecidos por la Ley Europea de Accesibilidad (EAA). El alcance de esta declaraci\u00f3n cubre nuestro producto SaaS para trabajadores aut\u00f3nomos en Espa\u00f1a.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Entre enero y junio de 2025, nuestro trabajo de pruebas e implementaci\u00f3n en materia de accesibilidad se ha llevado a cabo tomando como referencia los est\u00e1ndares definidos por la norma EN 301 549 y las pautas WCAG 2.1 Nivel AA.<\/span><\/p>\n<h2>Trabajo realizado<\/h2>\n<p><strong>Revisi\u00f3n del impacto normativo<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Realizamos una evaluaci\u00f3n de la Ley Europea de Accesibilidad (EAA) para entender su aplicabilidad a nuestro producto en Espa\u00f1a. Como parte de esta revisi\u00f3n, confirmamos que WCAG 2.1 Nivel AA constituye el est\u00e1ndar m\u00ednimo de cumplimiento, mientras que WCAG 2.2 fue identificado como nuestro punto de referencia preferido tras su publicaci\u00f3n en diciembre de 2024.<\/span><\/p>\n<p><b>Documentaci\u00f3n como Estrategia de Cumplimiento<\/b><\/p>\n<p><span style=\"font-weight: 400;\">I<\/span><span style=\"font-weight: 400;\">niciamos un proceso formal para documentar los problemas de accesibilidad con el fin de asegurar que todas las posibles mejoras se registren de forma estructurada y trazable. Este enfoque nos permite evaluar cada incidencia en funci\u00f3n de su relevancia e impacto, y determinar si se debe abordar y c\u00f3mo hacerlo. Tambi\u00e9n proporciona un registro claro de las decisiones tomadas y de los avances logrados en apoyo al cumplimiento normativo, en l\u00ednea con los est\u00e1ndares WCAG 2.1\/2.2 y EN 301 549.<\/span><\/p>\n<p><b>Intercambio de Conocimientos y Desarrollo de Estrategia<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Para garantizar la alineaci\u00f3n entre equipos, llevamos a cabo reuniones estrat\u00e9gicas con el equipo de dise\u00f1o de Taxfix, empresa matriz de Taxfix, con el objetivo de coordinar nuestro enfoque. Tambi\u00e9n revisamos las herramientas de prueba de accesibilidad y las metodolog\u00edas de correcci\u00f3n utilizadas dentro del Grupo Taxfix, que han servido de referencia para nuestras propias pruebas y planes de mejora.<\/span><\/p>\n<h2>Evaluaci\u00f3n de Accesibilidad y Trabajo de Correcci\u00f3n<\/h2>\n<p><strong><span style=\"font-weight: 400;\">Mediante una combinaci\u00f3n de herramientas automatizadas de evaluaci\u00f3n de accesibilidad y una auditor\u00eda manual interna realizada por nuestro dise\u00f1ador de producto y desarrollador front-end, evaluamos las \u00e1reas clave del producto para detectar problemas de accesibilidad. Los hallazgos nos permitieron identificar componentes espec\u00edficos y patrones de interacci\u00f3n que no cumpl\u00edan con los est\u00e1ndares de accesibilidad. Cada uno de los problemas enumerados a continuaci\u00f3n fue abordado mediante cambios espec\u00edficos de dise\u00f1o y desarrollo, con el objetivo de alinear el producto con los requisitos de WCAG 2.1\/2.2 Nivel AA y EN 301 549, al mismo tiempo que se mejora la experiencia general para todos los usuarios.<\/span><\/strong><\/p>\n<h2>1. Selecci\u00f3n de Grupo en el Registro<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las opciones de selecci\u00f3n de grupo no contaban con un contraste visual suficiente para distinguirse claramente del fondo. En concreto, el color de resaltado de la selecci\u00f3n usaba el valor hexadecimal <\/span><span style=\"font-weight: 400;\">#CAE5FF<\/span><span style=\"font-weight: 400;\"> sobre un fondo blanco (<\/span><span style=\"font-weight: 400;\">#FFFFFF<\/span><span style=\"font-weight: 400;\">), lo que resultaba en una proporci\u00f3n de contraste de 1.29:1, incumpliendo los requisitos de WCAG 2.1 Nivel AA para el contraste de elementos no textuales (m\u00ednimo 3:1 para componentes de la interfaz de usuario y objetos gr\u00e1ficos). Esto dificultaba que los usuarios con discapacidades visuales o deficiencias en la percepci\u00f3n del color identificaran el estado seleccionado.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24857 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-1024x359.png\" alt=\"\" width=\"1024\" height=\"359\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-1024x359.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-300x105.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-768x270.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-1536x539.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-2048x719.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1-Seleccion-de-Grupo-en-el-Registro-2-1440x505.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Los usuarios pueden no reconocer que el grupo de opciones es seleccionable si las se\u00f1ales visuales son demasiado sutiles. Esto representa una barrera de accesibilidad significativa, especialmente en este caso donde la selecci\u00f3n implica la aceptaci\u00f3n obligatoria de nuestros T\u00e9rminos de servicio y Pol\u00edtica de privacidad.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Soluci\u00f3n implementada<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">El color de resaltado de la selecci\u00f3n se actualiz\u00f3 a <\/span><span style=\"font-weight: 400;\">#0191E4<\/span><span style=\"font-weight: 400;\">, lo que proporciona una proporci\u00f3n de contraste de 3.4:1 sobre el fondo blanco. Esto cumple con el requisito m\u00ednimo de contraste para elementos no textuales definido por WCAG 2.1 Nivel AA, asegurando que el estado seleccionado sea claramente visible para todos los usuarios, incluidos aquellos con baja visi\u00f3n o deficiencias en la percepci\u00f3n del color.<br \/>\n<\/span><\/p>\n<h2>2. Visibilidad de la Selecci\u00f3n en los Botones de Opci\u00f3n<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El color de resaltado utilizado para los botones de opci\u00f3n no cumpl\u00eda con los requisitos de contraste establecidos por WCAG 2.1 Nivel AA. El color de resaltado original (<\/span><span style=\"font-weight: 400;\">#CAE5FF<\/span><span style=\"font-weight: 400;\">) se mostraba sobre un fondo gris neutro (<\/span><span style=\"font-weight: 400;\">#F4F1F1<\/span><span style=\"font-weight: 400;\">), lo que daba como resultado una proporci\u00f3n de contraste de 1.15:1. Esto est\u00e1 muy por debajo del m\u00ednimo requerido de 3:1 para elementos no textuales de la interfaz de usuario (criterio 1.4.11 de WCAG 2.1), lo que dificultaba la percepci\u00f3n del estado seleccionado por parte de los usuarios con discapacidades visuales o sensibilidad al contraste de color.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24858 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-1024x153.png\" alt=\"\" width=\"1024\" height=\"153\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-1024x153.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-300x45.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-768x115.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-1536x230.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-2048x307.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/2-Visibilidad-de-la-Seleccion-en-los-Botones-de-Opcion-1-1440x216.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Los usuarios pueden no reconocer que esta opci\u00f3n es seleccionable o est\u00e1 seleccionada debido a la escasa distinci\u00f3n visual. La falta de un estilo visual claro puede provocar confusi\u00f3n o interacciones fallidas, especialmente entre usuarios con discapacidades visuales o dificultades cognitivas. Este patr\u00f3n de selecci\u00f3n espec\u00edfico se utiliza con frecuencia en el flujo de registro y en las secciones del perfil del usuario, por lo que la claridad es esencial para garantizar una interacci\u00f3n coherente y accesible.<\/span><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El color de resaltado de la selecci\u00f3n se actualiz\u00f3 a <\/span><span style=\"font-weight: 400;\">#0191E4<\/span><span style=\"font-weight: 400;\">, logrando una proporci\u00f3n de contraste de 3.02:1 sobre el fondo blanco. Esto cumple con el umbral de WCAG 2.1 Nivel AA para el contraste de elementos no textuales (criterio 1.4.11). Ahora, el estado seleccionado es considerablemente m\u00e1s visible para los usuarios, especialmente aquellos con baja visi\u00f3n o dificultades para percibir colores.<\/span><\/p>\n<h2>3. Cierre del Modal de Informaci\u00f3n<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Actualmente, los usuarios que navegan mediante selecciones con la tecla Tab, ya sea utilizando un lector de pantalla o un teclado, no tienen una forma clara de salir del \u00e1rea de enfoque seleccionada.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Esto puede dificultar la navegaci\u00f3n y generar una experiencia frustrante para el usuario, ya que se vuelve complicado avanzar desde la selecci\u00f3n actual.<\/span><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El modal se ha actualizado para permitir su cierre mediante la tecla Escape, ofreciendo a los usuarios una forma clara y accesible de salir utilizando \u00fanicamente el teclado.<\/span><\/p>\n<h2>4. Perfil del Usuario<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Se identificaron varios problemas de accesibilidad relacionados con la estructura y la sem\u00e1ntica. El \u00e1rea principal de contenido carece de una estructura sem\u00e1ntica HTML5 adecuada y deber\u00eda estar marcada con la etiqueta <\/span><span style=\"font-weight: 400;\">&lt;main&gt;<\/span><span style=\"font-weight: 400;\"> para ayudar a los lectores de pantalla a identificar la secci\u00f3n principal de la p\u00e1gina. Los grupos de botones de opci\u00f3n relacionados no incluyen elementos <\/span><span style=\"font-weight: 400;\">&lt;fieldset&gt;<\/span><span style=\"font-weight: 400;\">, que son fundamentales para transmitir la agrupaci\u00f3n de opciones a las tecnolog\u00edas de asistencia. Adem\u00e1s, en la secci\u00f3n de suscripci\u00f3n, el elemento desplegable \u201cver\/ocultar\u201d requiere mejoras para asegurar que sea completamente operable y comprensible para los usuarios de lectores de pantalla.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">La ausencia de elementos sem\u00e1nticos como <\/span><span style=\"font-weight: 400;\">&lt;main&gt;<\/span><span style=\"font-weight: 400;\"> y <\/span><span style=\"font-weight: 400;\">&lt;fieldset&gt;<\/span><span style=\"font-weight: 400;\"> puede dificultar a los usuarios que dependen de lectores de pantalla la comprensi\u00f3n de la estructura de la p\u00e1gina y la relaci\u00f3n entre los elementos del formulario. Sin estos puntos de referencia, los usuarios pueden tener dificultades para navegar de manera eficiente o interpretar correctamente las opciones agrupadas.<\/span><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">La etiqueta HTML principal se actualiz\u00f3 a <\/span><span style=\"font-weight: 400;\">&lt;nav&gt;<\/span><span style=\"font-weight: 400;\"> con un <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> apropiado para proporcionar un contexto estructural m\u00e1s claro a los lectores de pantalla. Se mejoraron los contornos de enfoque para aumentar la visibilidad para los usuarios que navegan con teclado, y se refin\u00f3 la navegaci\u00f3n con tabulador para asegurar que el enfoque se desplace correctamente al seleccionar elementos de la barra lateral, permitiendo una navegaci\u00f3n m\u00e1s eficiente a trav\u00e9s de la interfaz.<\/span><\/p>\n<h2>5. Funcionalidad de Contabilidad<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las pruebas de accesibilidad realizadas con Accessibility Insights for Web identificaron varios problemas que afectan la usabilidad de la funcionalidad de contabilidad para los usuarios que dependen de tecnolog\u00edas de asistencia. Algunos campos de entrada etiquetados no mostraban contornos de enfoque visibles, lo que dificultaba saber cu\u00e1ndo estaban seleccionados. El nuevo componente InvoiceToolbar (V2) no era accesible mediante navegaci\u00f3n por tabulador, y las secciones desplegables no eran seleccionables debido a la ausencia del atributo <\/span><span style=\"font-weight: 400;\">tabIndex<\/span><span style=\"font-weight: 400;\">. Adem\u00e1s, ciertos campos de entrada de l\u00ednea no contaban con atributos <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> adecuados, lo que limitaba el soporte para lectores de pantalla.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Los usuarios que navegan con teclado o lectores de pantalla pueden tener dificultades para interactuar con elementos clave de la interfaz de contabilidad. Sin contornos de enfoque visibles, los usuarios que utilizan teclado podr\u00edan no saber en qu\u00e9 parte de la p\u00e1gina se encuentran. Componentes que no se pueden tabular, como la barra de herramientas o las secciones desplegables, interrumpen el flujo de navegaci\u00f3n y dificultan el acceso a acciones esenciales. La falta de atributos <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> en los campos de entrada puede causar confusi\u00f3n o p\u00e9rdida de informaci\u00f3n para los usuarios de lectores de pantalla, reduciendo la usabilidad e inclusi\u00f3n general de esta funcionalidad.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Se mejor\u00f3 la navegaci\u00f3n por tabulador dentro de la lista de elementos, asegurando que cada \u00edtem sea ahora accesible mediante teclado. Para los elementos interactivos, como los men\u00fas tipo \u201ckebab\u201d, se a\u00f1adieron etiquetas de texto discernibles (<\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\">) para que sean correctamente anunciados por los lectores de pantalla, mejorando la claridad para los usuarios no visuales.<\/span><\/p>\n<h2>6. Notificaciones Emergentes<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las notificaciones emergentes (toasts) no eran anunciadas por los lectores de pantalla al ser activadas, lo que provocaba que los usuarios que dependen de tecnolog\u00edas de asistencia no recibieran retroalimentaci\u00f3n importante, especialmente en los mensajes de error y \u00e9xito<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Sin roles ARIA adecuados, los lectores de pantalla no son notificados cuando aparece una notificaci\u00f3n emergente. Esto impide que los usuarios con discapacidades visuales reciban confirmaci\u00f3n de acciones exitosas o advertencias sobre errores, lo que puede generar confusi\u00f3n o hacer que se omitan pasos importantes en un flujo de trabajo.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Para garantizar que las notificaciones emergentes sean accesibles, se aplicaron roles de regi\u00f3n activa (live region) de ARIA:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se a\u00f1adi\u00f3 <\/span><span style=\"font-weight: 400;\">role=\u00bbalert\u00bb<\/span><span style=\"font-weight: 400;\"> a las notificaciones de error para que se anuncien de inmediato y se interrumpa la lectura del lector de pantalla.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se aplic\u00f3 <\/span><span style=\"font-weight: 400;\">role=\u00bbstatus\u00bb<\/span><span style=\"font-weight: 400;\"> a las notificaciones de \u00e9xito, permitiendo que los mensajes se lean de manera educada y no intrusiva.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Estos cambios aseguran que todos los usuarios reciban retroalimentaci\u00f3n del sistema en tiempo real, independientemente de c\u00f3mo interact\u00faen con la interfaz.<\/span><\/p>\n<h2>7. P\u00e1gina de Bienvenida<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las pruebas automatizadas con Accessibility Insights for Web identificaron varias infracciones de accesibilidad en la p\u00e1gina de bienvenida. Estas incluyeron:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Contraste insuficiente entre los colores de primer plano y de fondo (no se cumpl\u00edan los umbrales de proporci\u00f3n de contraste definidos por WCAG 2.1 Nivel AA).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Etiquetas ausentes o poco descriptivas en campos de formulario y listas desplegables.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enlaces sin texto discernible, lo que los hace inaccesibles para los lectores de pantalla.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, en la inspecci\u00f3n visual se observ\u00f3 que el contorno del mensaje \u201c\u00bfBuscas otro servicio?\u201d era dif\u00edcil de distinguir, y que algunos botones principales de llamada a la acci\u00f3n (por ejemplo, \u201cEmpezar con el alta de aut\u00f3nomo\u201d) usaban colores de contorno y fondo similares, lo que reduc\u00eda la visibilidad del enfoque.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">El bajo contraste de color y la escasa visibilidad de los contornos dificultan que los usuarios con discapacidades visuales o daltonismo identifiquen las acciones clave y comprendan la estructura de la interfaz. La ausencia de etiquetas en los campos de formulario y enlaces impide que los lectores de pantalla los anuncien correctamente, lo que puede bloquear a los usuarios que dependen de tecnolog\u00edas de asistencia para completar tareas o navegar eficazmente.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Se resolvieron los problemas de contraste ajustando los colores de fondo y los contornos de los botones para cumplir con los est\u00e1ndares de WCAG 2.1 Nivel AA. En concreto, se cambi\u00f3 el color de fondo de los botones de llamada a la acci\u00f3n a <\/span><span style=\"font-weight: 400;\">#000000<\/span><span style=\"font-weight: 400;\"> (negro), y se mantuvo el contorno en <\/span><span style=\"font-weight: 400;\">#003CD7<\/span><span style=\"font-weight: 400;\"> para asegurar una visibilidad clara del enfoque. Tambi\u00e9n se mejor\u00f3 el contorno del mensaje \u201c\u00bfBuscas otro servicio?\u201d para hacerlo m\u00e1s distinguible. Adem\u00e1s, se actualizaron todos los campos de formulario, elementos de selecci\u00f3n y enlaces para incluir nombres y etiquetas accesibles, garantizando as\u00ed la compatibilidad total con los lectores de pantalla.<\/span><\/strong><\/p>\n<h2>8. Enlaces de P\u00e1gina<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p>L<span style=\"font-weight: 400;\">os enlaces de p\u00e1gina utilizaban un color de contorno <\/span><span style=\"font-weight: 400;\">#CAE5FF<\/span><span style=\"font-weight: 400;\"> sobre un fondo <\/span><span style=\"font-weight: 400;\">#F4F1F1<\/span><span style=\"font-weight: 400;\">, lo que resultaba en una proporci\u00f3n de contraste de 1.15:1. Esto no cumpl\u00eda con el requisito de contraste para elementos no textuales definido por WCAG 2.1 Nivel AA, bajo el criterio de Objetos Gr\u00e1ficos y Componentes de la Interfaz de Usuario (1.4.11). Como resultado, el estado visible de enfoque no era lo suficientemente distinguible para los usuarios que dependen de la navegaci\u00f3n con teclado o de se\u00f1ales visuales claras.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Sin un contorno de enfoque claramente visible, los usuarios que navegan mediante teclado o tecnolog\u00edas de asistencia pueden no percibir qu\u00e9 enlace est\u00e1 actualmente enfocado. Esto crea barreras para una navegaci\u00f3n eficaz, especialmente para personas con baja visi\u00f3n o sensibilidad al contraste. El problema refleja una incidencia similar identificada previamente en el flujo de registro, lo que indica la necesidad de aplicar un estilo de enfoque coherente en todos los elementos interactivos.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24859 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-1024x153.png\" alt=\"\" width=\"1024\" height=\"153\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-1024x153.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-300x45.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-768x115.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-1536x230.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-2048x307.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/3-Enlaces-de-Pagina-1-1440x216.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n <\/strong><strong>implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Para mejorar la visibilidad y cumplir con los requisitos de contraste, se realizaron varios ajustes visuales:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se aument\u00f3 el relleno (padding) a 8px en todos los lados para proporcionar un espacio m\u00e1s claro alrededor del texto del enlace.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se a\u00f1adi\u00f3 un radio de esquina de 2px para suavizar el contorno y mejorar la visibilidad del enfoque.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se actualiz\u00f3 el color del contorno a <\/span><span style=\"font-weight: 400;\">#0191E4<\/span><span style=\"font-weight: 400;\">, logrando una proporci\u00f3n de contraste de 3.02:1, que ahora cumple con el umbral de WCAG 2.1 Nivel AA para contraste en elementos no textuales.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Estos cambios aseguran que los estados de enfoque sean claramente perceptibles y coherentes con las mejoras de accesibilidad visual aplicadas en todo el producto.<\/span><\/p>\n<h2>9. Botones de Acci\u00f3n<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El indicador de enfoque para los botones de acci\u00f3n estaba limitado a un contorno de 2px contenido dentro del propio bot\u00f3n, lo que reduc\u00eda significativamente su visibilidad. Esto dificultaba la identificaci\u00f3n visual de qu\u00e9 bot\u00f3n estaba actualmente seleccionado, especialmente en casos donde los botones estaban rodeados por otros elementos visuales.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Para los usuarios que navegan con lectores de pantalla o teclado, el estilo de enfoque sutil dificultaba saber qu\u00e9 componente estaba enfocado en ese momento. Esto representaba una barrera para completar acciones clave de confirmaci\u00f3n, ya que los usuarios pod\u00edan no tener la seguridad de estar seleccionando el bot\u00f3n correcto. La falta de retroalimentaci\u00f3n visual o program\u00e1tica clara pod\u00eda generar confusi\u00f3n o errores en la interacci\u00f3n.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24860 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-1024x153.png\" alt=\"\" width=\"1024\" height=\"153\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-1024x153.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-300x45.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-768x115.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-1536x229.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-2048x306.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/4-Botones-de-Accion-1-1440x215.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Se actualiz\u00f3 el estilo de enfoque de los botones de acci\u00f3n para mejorar su visibilidad, asegurando un contorno de enfoque m\u00e1s destacado y accesible. Adem\u00e1s, se a\u00f1adi\u00f3 <\/span><span style=\"font-weight: 400;\">aria-disabled=\u00bbtrue\u00bb<\/span><span style=\"font-weight: 400;\"> a los botones en estado deshabilitado, proporcionando una indicaci\u00f3n precisa a las tecnolog\u00edas de asistencia y evitando que los usuarios intenten interactuar con controles no disponibles. En la pr\u00e1ctica, el contorno de enfoque ahora aparece fuera del componente del bot\u00f3n con espacio de relleno, lo que hace mucho m\u00e1s claro para el usuario qu\u00e9 elemento est\u00e1 actualmente seleccionado.<\/span><\/strong><\/p>\n<h2>10. Cambio de Color del Contorno para el Bot\u00f3n Chip<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El bot\u00f3n tipo chip utilizaba un color de resaltado de selecci\u00f3n <\/span><span style=\"font-weight: 400;\">#003CD7<\/span><span style=\"font-weight: 400;\">, que tambi\u00e9n se empleaba como color de fondo en ciertos estados del componente. Esto provocaba que el contorno de enfoque se mezclara con el fondo, haci\u00e9ndolo visualmente imperceptible cuando el bot\u00f3n estaba enfocado.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Cuando el estado de enfoque de un bot\u00f3n no es visualmente distinguible, los usuarios que navegan con teclado o lectores de pantalla pueden no saber qu\u00e9 elemento est\u00e1 actualmente seleccionado. Esto puede generar dudas o errores durante la interacci\u00f3n, especialmente cuando los botones se utilizan para confirmar o alternar acciones importantes.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24861 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-1024x359.png\" alt=\"\" width=\"1024\" height=\"359\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-1024x359.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-300x105.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-768x269.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-1536x539.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-2048x718.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/5-Cambio-de-Color-del-Contorno-para-el-Boton-Chip-1-1440x505.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">El indicador de enfoque de los botones chip se actualiz\u00f3 para mejorar su visibilidad. Espec\u00edficamente, el contorno ahora se muestra fuera del l\u00edmite del componente, utilizando la combinaci\u00f3n <\/span><span style=\"font-weight: 400;\">outline: 2px solid #003CD7;<\/span><span style=\"font-weight: 400;\"> y <\/span><span style=\"font-weight: 400;\">outline-offset: 2px<\/span><span style=\"font-weight: 400;\">. Esto crea una separaci\u00f3n visual clara entre el bot\u00f3n y la interfaz circundante, haciendo evidente cu\u00e1ndo el componente est\u00e1 seleccionado. El espaciado adicional asegura que el contorno siga siendo visible incluso cuando el color de fondo del bot\u00f3n coincide con el del contorno.<\/span><\/strong><\/p>\n<h2>11. Men\u00fa de Perfil<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">La barra lateral del perfil fue implementada originalmente mediante una construcci\u00f3n personalizada fuera de nuestro sistema est\u00e1ndar de componentes, incorporando patrones de React Native que no est\u00e1n completamente alineados con las pr\u00e1cticas de accesibilidad del HTML para la web. Como resultado, carec\u00eda de elementos sem\u00e1nticos clave y comportamientos interactivos esperados en componentes de navegaci\u00f3n accesibles.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Esta implementaci\u00f3n limitaba la capacidad de los usuarios que dependen de lectores de pantalla o navegaci\u00f3n por teclado para acceder y gestionar la configuraci\u00f3n de su perfil. Sin roles de navegaci\u00f3n adecuados, indicadores de enfoque o mapeo de tabulaci\u00f3n, los usuarios pod\u00edan no saber qu\u00e9 elemento del men\u00fa estaba seleccionado o incluso no poder acceder al men\u00fa de perfil en absoluto.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Para mejorar la accesibilidad, se realizaron varias actualizaciones en la navegaci\u00f3n lateral:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se cambi\u00f3 el elemento contenedor principal a una etiqueta sem\u00e1ntica <\/span><span style=\"font-weight: 400;\">&lt;nav&gt;<\/span><span style=\"font-weight: 400;\"> con un <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> descriptivo, para proporcionar un contexto estructural claro a las tecnolog\u00edas de asistencia.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se a\u00f1adi\u00f3 mapeo de selecci\u00f3n por tabulaci\u00f3n a todos los elementos del men\u00fa, permitiendo la navegaci\u00f3n con teclado a trav\u00e9s de la barra lateral.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se introdujo un contorno de enfoque visible para asegurar que los usuarios puedan percibir f\u00e1cilmente qu\u00e9 \u00edtem est\u00e1 actualmente seleccionado.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se refin\u00f3 el comportamiento del enfoque para que, al seleccionar un \u00edtem del men\u00fa, el foco se desplace correctamente a la secci\u00f3n asociada. <\/span>Estas mejoras alinean el men\u00fa de perfil con las mejores pr\u00e1cticas de accesibilidad y aseguran una experiencia m\u00e1s coherente para todos los m\u00e9todos de entrada.<\/li>\n<\/ul>\n<h2>12. Selecci\u00f3n de men\u00fas desplegables<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Al interactuar con men\u00fas desplegables, incluidos los componentes <\/span><i><span style=\"font-weight: 400;\">Select<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">SelectWithLabel<\/span><\/i><span style=\"font-weight: 400;\"> y <\/span><i><span style=\"font-weight: 400;\">DatePickerWithLabel<\/span><\/i><span style=\"font-weight: 400;\">, el resaltado de selecci\u00f3n con el color #003CD7 no se mostraba visualmente cuando el men\u00fa estaba activo. Esto significaba que, al navegar o seleccionar el desplegable mediante un lector de pantalla o teclado, no se proporcionaba ninguna retroalimentaci\u00f3n visual.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24862 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-1024x199.png\" alt=\"\" width=\"1024\" height=\"199\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-1024x199.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-300x58.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-768x150.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-1536x299.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-2048x399.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/6-Seleccion-de-menus-desplegables-1-1440x281.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Sin un indicador visible de enfoque o selecci\u00f3n, los usuarios que navegan con teclado o tecnolog\u00edas de asistencia pueden no darse cuenta de que se ha activado un desplegable. Esta falta de confirmaci\u00f3n visual puede interrumpir el flujo de la tarea y causar confusi\u00f3n, especialmente cuando los men\u00fas desplegables se utilizan para realizar selecciones clave o introducir datos importantes.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Para mejorar la claridad y la accesibilidad, ahora se muestra un contorno de 2px en color #003CD7 cuando el componente desplegable est\u00e1 activo. Este cambio se aplic\u00f3 a todos los componentes afectados: <\/span><i><span style=\"font-weight: 400;\">Select<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">SelectWithLabel<\/span><\/i><span style=\"font-weight: 400;\"> y <\/span><i><span style=\"font-weight: 400;\">DatePickerWithLabel<\/span><\/i><span style=\"font-weight: 400;\">. El nuevo estilo de enfoque garantiza que los estados de selecci\u00f3n sean visualmente evidentes durante la navegaci\u00f3n por teclado y compatibles con la interacci\u00f3n mediante lectores de pantalla, apoyando una experiencia de usuario m\u00e1s accesible e intuitiva.<\/span><\/strong><\/p>\n<h2>13. Componentes Desplegables en la Herramienta de Facturaci\u00f3n<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Dentro del flujo de creaci\u00f3n de facturas, las secciones desplegables utilizadas para recopilar la direcci\u00f3n del cliente y la del remitente no eran accesibles mediante la tecla Tab. Como resultado, estas secciones no pod\u00edan alcanzarse usando un teclado o lector de pantalla, lo que imped\u00eda a los usuarios interactuar con ellas o introducir la informaci\u00f3n requerida.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Estos campos de direcci\u00f3n son esenciales para completar y enviar una factura. Si los usuarios que navegan mediante teclado o lector de pantalla no pueden acceder o activar estos componentes desplegables, podr\u00edan no ser capaces de proporcionar los datos necesarios, lo que bloquea la finalizaci\u00f3n de la tarea. Esto representa una barrera significativa para la usabilidad y la inclusi\u00f3n.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24863 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-1024x308.png\" alt=\"\" width=\"1024\" height=\"308\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-1024x308.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-300x90.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-768x231.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-1536x461.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-2048x615.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/7-Componentes-Desplegables-en-la-Herramienta-de-Facturacion-1-1440x432.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las secciones desplegables se actualizaron para admitir interacci\u00f3n completa mediante teclado. Cada contenedor fue configurado para ser seleccionable y permitir la navegaci\u00f3n con teclado dentro del componente una vez activado. Adem\u00e1s, se refin\u00f3 la funcionalidad de expandir\/desplegar, de modo que los usuarios puedan abrir la secci\u00f3n mediante entrada de teclado y comenzar a introducir la informaci\u00f3n de inmediato. Estas mejoras aseguran que todos los usuarios, independientemente de su m\u00e9todo de entrada, puedan completar las facturas de forma independiente y exitosa.<\/span><\/p>\n<h2>14. Men\u00fa de Configuraci\u00f3n de Facturas<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">El men\u00fa de configuraci\u00f3n introducido recientemente dentro de la herramienta de facturaci\u00f3n no admit\u00eda la navegaci\u00f3n mediante la tecla Tab, lo que significaba que los usuarios no pod\u00edan acceder ni interactuar con las opciones disponibles utilizando solo el teclado. Como resultado, ninguno de los seis elementos del men\u00fa era accesible a trav\u00e9s de la navegaci\u00f3n por tabulaci\u00f3n.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">La falta de acceso mediante teclado al men\u00fa de configuraci\u00f3n imped\u00eda que los usuarios que dependen de la navegaci\u00f3n por teclado o lectores de pantalla pudieran realizar cambios en las configuraciones clave de la factura. Esto limitaba el control del usuario sobre c\u00f3mo se configuran y presentan las facturas a los clientes, reduciendo la usabilidad y flexibilidad de la herramienta para quienes tienen necesidades de accesibilidad.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24864 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-1024x563.png\" alt=\"\" width=\"1024\" height=\"563\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-1024x563.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-300x165.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-768x422.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-1536x844.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-2048x1125.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/8-Menu-de-Configuracion-de-Facturas-1-1440x791.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Los botones de los seis elementos del men\u00fa fueron actualizados para admitir navegaci\u00f3n mediante tabulaci\u00f3n, garantizando que sean completamente accesibles mediante el teclado. Para mejorar la visibilidad del elemento enfocado, se aplic\u00f3 un estado activo con un contorno de 2px en color #003CD7. Estas mejoras permiten que todos los usuarios accedan y modifiquen con confianza la configuraci\u00f3n de las facturas, respaldando una experiencia de interacci\u00f3n m\u00e1s inclusiva y completa.<\/span><\/strong><\/p>\n<h2>15. Registro de tus datos como parte del alta de aut\u00f3nomo<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las pruebas automatizadas con Accessibility Insights for Web identificaron m\u00faltiples problemas de accesibilidad en la secci\u00f3n \u00abRegistra tus datos\u00bb del flujo de alta como aut\u00f3nomo. Estos inclu\u00edan:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Atributos de rol incorrectos o ausentes en los elementos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Valores de autocompletado inv\u00e1lidos o ausentes en los campos del formulario.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Etiquetas de formulario faltantes (label), nombres en los campos de selecci\u00f3n (select-name) y textos no descriptivos en los enlaces (link-name).<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Estos problemas afectan tanto la estructura como la usabilidad del formulario, especialmente para usuarios que dependen de tecnolog\u00edas de asistencia.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Estos problemas pueden interrumpir significativamente la experiencia de incorporaci\u00f3n del usuario, dificultando la navegaci\u00f3n entre secciones, la comprensi\u00f3n del prop\u00f3sito de los campos del formulario o la identificaci\u00f3n de acciones disponibles. Para los usuarios que utilizan lectores de pantalla o navegan con el teclado, las etiquetas poco claras y las omisiones estructurales pueden hacer que la cumplimentaci\u00f3n del formulario sea confusa.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Se realizaron varias mejoras para optimizar la accesibilidad del formulario:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se corrigi\u00f3 el comportamiento de tabulaci\u00f3n para permitir una navegaci\u00f3n fluida entre secciones sin omitir campos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se revisaron y actualizaron los campos del formulario para incluir atributos de autocompletado precisos, etiquetas descriptivas y valores de rol correctos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se asignaron nombres accesibles a los enlaces y elementos de selecci\u00f3n para garantizar la compatibilidad con lectores de pantalla.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Estos cambios proporcionan una experiencia de formulario m\u00e1s clara, navegable e inclusiva para todos los usuarios, especialmente durante esta parte cr\u00edtica del proceso de alta.<\/span><\/p>\n<h2>16. El logotipo no tiene texto accesible<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Las pruebas automatizadas con Accessibility Insights for Web identificaron que el enlace del logotipo en la p\u00e1gina de inicio (<\/span><span style=\"font-weight: 400;\">&lt;a href=\u00bb\/\u00bb&gt;<\/span><span style=\"font-weight: 400;\">) carec\u00eda de texto discernible. Esto infringe las pautas WCAG 2.4.4 (Prop\u00f3sito del enlace \u2013 en contexto) y WCAG 4.1.2 (Nombre, Rol, Valor), ya que los lectores de pantalla no pueden determinar el prop\u00f3sito del enlace. <\/span><span style=\"font-weight: 400;\">El elemento <\/span><span style=\"font-weight: 400;\">&lt;a&gt;<\/span><span style=\"font-weight: 400;\"> no ten\u00eda texto visible ni una etiqueta asociada program\u00e1ticamente (como <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">aria-labelledby<\/span><span style=\"font-weight: 400;\"> o <\/span><span style=\"font-weight: 400;\">title<\/span><span style=\"font-weight: 400;\">), lo que lo hac\u00eda inaccesible para usuarios que dependen de tecnolog\u00edas de asistencia.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Cuando los enlaces no tienen nombres discernibles, los usuarios de lectores de pantalla no pueden entender a d\u00f3nde lleva el enlace ni qu\u00e9 representa. En este caso, el logotipo generalmente funciona como un enlace a la p\u00e1gina de inicio. Sin texto accesible, el usuario puede pasar por alto esta opci\u00f3n de navegaci\u00f3n o dudar en interactuar con ella, lo que limita su control sobre la interfaz.<\/span><\/strong><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">El enlace del logotipo fue actualizado para incluir una etiqueta program\u00e1tica mediante <\/span><span style=\"font-weight: 400;\">aria-label=\u00bbInicio\u00bb<\/span><span style=\"font-weight: 400;\"> (o equivalente, seg\u00fan el contexto del idioma). Esto garantiza que los lectores de pantalla puedan anunciar correctamente el prop\u00f3sito del enlace a los usuarios. Este cambio resuelve la infracci\u00f3n de las pautas WCAG 2.4.4 y 4.1.2, y alinea el comportamiento del logotipo con las expectativas est\u00e1ndar de navegaci\u00f3n accesible.<\/span><\/strong><\/p>\n<h2>17. Accesibilidad de iconos<\/h2>\n<p><strong>Problema<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Se detect\u00f3 que los componentes de iconos personalizados, que generan elementos SVG, no eran accesibles para usuarios que dependen de lectores de pantalla o navegaci\u00f3n mediante teclado. Estos iconos no eran seleccionables, no se pod\u00edan usar con entrada \u00fanicamente por teclado, y carec\u00edan de etiquetas accesibles como <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> o <\/span><span style=\"font-weight: 400;\">title<\/span><span style=\"font-weight: 400;\">. Como resultado, no estaban disponibles para las tecnolog\u00edas de asistencia.<\/span><\/p>\n<p><strong>Impacto en la accesibilidad<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400;\">Los iconos que transmiten informaci\u00f3n o ejecutan acciones deben estar debidamente descritos y ser accesibles mediante teclado. Sin etiquetas accesibles ni capacidad de enfoque, los usuarios de lectores de pantalla no reciben informaci\u00f3n sobre la presencia o el prop\u00f3sito de estos iconos. Esto genera barreras para la comprensi\u00f3n e interacci\u00f3n, especialmente cuando los iconos se usan para acciones como editar, eliminar o ver m\u00e1s detalles.<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24875 size-large\" src=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-1024x308.png\" alt=\"\" width=\"1024\" height=\"308\" srcset=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-1024x308.png 1024w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-300x90.png 300w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-768x231.png 768w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-1536x461.png 1536w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-2048x615.png 2048w, https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/9-Accesibilidad-de-iconos-2-1440x432.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>Soluci\u00f3n implementada<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Los componentes de iconos se actualizaron para seguir las buenas pr\u00e1cticas de accesibilidad seg\u00fan su funci\u00f3n:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Los iconos interactivos ahora incluyen un <\/span><span style=\"font-weight: 400;\">aria-label<\/span><span style=\"font-weight: 400;\"> para proporcionar una descripci\u00f3n clara a los usuarios de lectores de pantalla.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tambi\u00e9n se hicieron seleccionables, lo que permite la interacci\u00f3n completa mediante teclado para quienes no utilizan rat\u00f3n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">En el caso de los iconos no interactivos utilizados \u00fanicamente con fines decorativos, se aplic\u00f3 <\/span><span style=\"font-weight: 400;\">aria-hidden=\u00bbtrue\u00bb<\/span><span style=\"font-weight: 400;\"> para ocultarlos de las tecnolog\u00edas de asistencia y reducir el ruido innecesario.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Estas mejoras aseguran que solo los iconos relevantes sean anunciados por los lectores de pantalla y que todos los iconos interactivos sean accesibles tanto por teclado como mediante tecnolog\u00edas de asistencia.<\/span><\/p>\n<\/div>\n\n            \n        <\/div>\n    <\/div>\n<\/div> <!-- .c-block-body -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"views\/template-modular.blade.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-24786","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accesibilidad en Taxfix &#8211; Taxfix<\/title>\n<meta name=\"description\" content=\"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accesibilidad en Taxfix &#8211; Taxfix\" \/>\n<meta property=\"og:description\" content=\"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/\" \/>\n<meta property=\"og:site_name\" content=\"Taxfix\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/taxfix_es\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-02T09:07:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/eyJhc3NldF9pZCI6NTY3OH0_taxfix-gmbh_UwIjumOzeyPqNyDgJ1bVY_OROVADgg2mBtzSX1XQ7A0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/\",\"url\":\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/\",\"name\":\"Accesibilidad en Taxfix &#8211; Taxfix\",\"isPartOf\":{\"@id\":\"https:\/\/taxfix.com\/es-es\/#website\"},\"datePublished\":\"2025-06-27T08:55:23+00:00\",\"dateModified\":\"2025-07-02T09:07:47+00:00\",\"description\":\"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.\",\"breadcrumb\":{\"@id\":\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Taxfix\",\"item\":\"https:\/\/taxfix.com\/es-es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accesibilidad en Taxfix\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/taxfix.com\/es-es\/#website\",\"url\":\"https:\/\/taxfix.com\/es-es\/\",\"name\":\"Taxfix\",\"description\":\"La mejor forma de presentar tus impuestos\",\"publisher\":{\"@id\":\"https:\/\/taxfix.com\/es-es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/taxfix.com\/es-es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/taxfix.com\/es-es\/#organization\",\"name\":\"Taxfix\",\"url\":\"https:\/\/taxfix.com\/es-es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/taxfix.com\/es-es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1692.png\",\"contentUrl\":\"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1692.png\",\"width\":192,\"height\":40,\"caption\":\"Taxfix\"},\"image\":{\"@id\":\"https:\/\/taxfix.com\/es-es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/taxfix_es\/\",\"https:\/\/www.linkedin.com\/company\/taxfix\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accesibilidad en Taxfix &#8211; Taxfix","description":"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/","og_locale":"es_ES","og_type":"article","og_title":"Accesibilidad en Taxfix &#8211; Taxfix","og_description":"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.","og_url":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/","og_site_name":"Taxfix","article_publisher":"https:\/\/www.facebook.com\/taxfix_es\/","article_modified_time":"2025-07-02T09:07:47+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/eyJhc3NldF9pZCI6NTY3OH0_taxfix-gmbh_UwIjumOzeyPqNyDgJ1bVY_OROVADgg2mBtzSX1XQ7A0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/","url":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/","name":"Accesibilidad en Taxfix &#8211; Taxfix","isPartOf":{"@id":"https:\/\/taxfix.com\/es-es\/#website"},"datePublished":"2025-06-27T08:55:23+00:00","dateModified":"2025-07-02T09:07:47+00:00","description":"En Taxfix, nos comprometemos a que nuestros servicios sean accesibles para todas las personas.","breadcrumb":{"@id":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/taxfix.com\/es-es\/accesibilidad-en-taxscouts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Taxfix","item":"https:\/\/taxfix.com\/es-es\/"},{"@type":"ListItem","position":2,"name":"Accesibilidad en Taxfix"}]},{"@type":"WebSite","@id":"https:\/\/taxfix.com\/es-es\/#website","url":"https:\/\/taxfix.com\/es-es\/","name":"Taxfix","description":"La mejor forma de presentar tus impuestos","publisher":{"@id":"https:\/\/taxfix.com\/es-es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/taxfix.com\/es-es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/taxfix.com\/es-es\/#organization","name":"Taxfix","url":"https:\/\/taxfix.com\/es-es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/taxfix.com\/es-es\/#\/schema\/logo\/image\/","url":"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1692.png","contentUrl":"https:\/\/taxfix.com\/es-es\/wp-content\/uploads\/1692.png","width":192,"height":40,"caption":"Taxfix"},"image":{"@id":"https:\/\/taxfix.com\/es-es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/taxfix_es\/","https:\/\/www.linkedin.com\/company\/taxfix\/"]}]}},"_links":{"self":[{"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/pages\/24786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/comments?post=24786"}],"version-history":[{"count":32,"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/pages\/24786\/revisions"}],"predecessor-version":[{"id":24908,"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/pages\/24786\/revisions\/24908"}],"wp:attachment":[{"href":"https:\/\/taxfix.com\/es-es\/wp-json\/wp\/v2\/media?parent=24786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}