# A11y ## Pages - [ARIA vs HTML Semántico: La Regla de Oro](https://www.fernandoux.com/es/wiki/conceptos/aria-vs-semantica/) Entienda la diferencia entre el HTML semántico nativo y los atributos ARIA, y aprenda por qué la primera regla de la accesibilidad es no usar ARIA si existe una alternativa nativa. - [ARIA vs HTML Semántico: La Regla de Oro](https://www.fernandoux.com/es/wiki/concepts/aria-vs-semantics/) Entienda la diferencia entre el HTML semántico nativo y los atributos ARIA, y aprenda por qué la primera regla de la accesibilidad es no usar ARIA si existe una alternativa nativa. - [ARIA vs. Semantic HTML: The Golden Rule](https://www.fernandoux.com/en/wiki/concepts/aria-vs-semantics/) Understand the difference between native semantic HTML and ARIA attributes, and learn why the first rule of accessibility is to not use ARIA if a native alternative exists. - [Color Contrast Math: Readability and Ratio](https://www.fernandoux.com/en/wiki/techniques/color-contrast-math/) Learn the mathematical rules and contrast ratios required by WCAG to ensure your interface design is legible for people with low vision and color blindness. - [Estrategia de Tab Order: El Camino del Usuario de Teclado](https://www.fernandoux.com/es/wiki/estrategia/estrategia-tab-order/) Aprenda a diseñar y especificar un orden de tabulación (Tab Order) coherente y eficiente para asegurar que su producto sea fácil de navegar para usuarios de teclado y tecnologías asistivas. - [Estrategia de Tab Order: El Camino del Usuario de Teclado](https://www.fernandoux.com/es/wiki/strategy/tab-order-strategy/) Aprenda a diseñar y especificar un orden de tabulación (Tab Order) coherente y eficiente para asegurar que su producto sea fácil de navegar para usuarios de teclado y tecnologías asistivas. - [Estrategias de Movimiento Reducido: Motion y Accesibilidad](https://www.fernandoux.com/es/wiki/estrategia/estrategias-movimiento-reducido/) Aprenda a diseñar interfaces con animaciones y microinteracciones que respeten la preferencia de 'movimiento reducido' de los usuarios sensibles a las animaciones y el mareo visual. - [Estrategias de Movimiento Reducido: Motion y Accesibilidad](https://www.fernandoux.com/es/wiki/strategy/reduced-motion-strategies/) Aprenda a diseñar interfaces con animaciones y microinteracciones que respeten la preferencia de 'movimiento reducido' de los usuarios sensibles a las animaciones y el mareo visual. - [Focus Management: Navigation without a Mouse](https://www.fernandoux.com/en/wiki/techniques/focus-management/) Learn to design and manage navigation focus in your digital product to ensure a smooth experience for keyboard users, screen readers, and assistive technology. - [Foundations of the Accessibility Tree: How Machines See](https://www.fernandoux.com/en/wiki/concepts/accessibility-tree/) Learn what the Accessibility Tree is and why it is the foundation of how screen readers and other assistive technologies interpret your interface design. - [Fundamentos del Accessibility Tree: Cómo Ven las Máquinas](https://www.fernandoux.com/es/wiki/conceptos/accessibility-tree/) Aprenda qué es el Árbol de Accesibilidad y por qué es la base de cómo los lectores de pantalla y otras tecnologías asistivas interpretan su diseño de interfaz. - [Fundamentos del Accessibility Tree: Cómo Ven las Máquinas](https://www.fernandoux.com/es/wiki/concepts/accessibility-tree/) Aprenda qué es el Árbol de Accesibilidad y por qué es la base de cómo los lectores de pantalla y otras tecnologías asistivas interpretan su diseño de interfaz. - [Gestión de Foco: La Navegación sin Ratón](https://www.fernandoux.com/es/wiki/techniques/focus-management/) Aprenda a diseñar y gestionar el foco de navegación en su producto digital para asegurar una experiencia fluida para usuarios de teclado, lectores de pantalla y tecnología asistiva. - [Gestión de Foco: La Navegación sin Ratón](https://www.fernandoux.com/es/wiki/tecnicas/gestion-de-foco/) Aprenda a diseñar y gestionar el foco de navegación en su producto digital para asegurar una experiencia fluida para usuarios de teclado, lectores de pantalla y tecnología asistiva. - [Matemáticas del Contraste de Color: Legibilidad y Ratio](https://www.fernandoux.com/es/wiki/techniques/color-contrast-math/) Aprenda las reglas matemáticas y los ratios de contraste exigidos por las WCAG para asegurar que su diseño de interfaz sea legible para personas con baja visión y daltonismo. - [Matemáticas del Contraste de Color: Legibilidad y Ratio](https://www.fernandoux.com/es/wiki/tecnicas/matematicas-contraste-color/) Aprenda las reglas matemáticas y los ratios de contraste exigidos por las WCAG para asegurar que su diseño de interfaz sea legible para personas con baja visión y daltonismo. - [Pruebas con Lectores de Pantalla: El Oído del UX](https://www.fernandoux.com/es/wiki/techniques/screen-reader-testing/) Aprenda a realizar pruebas con lectores de pantalla de forma efectiva para verificar que su diseño y arquitectura de información sean accesibles para usuarios ciegos o con discapacidad visual. - [Pruebas con Lectores de Pantalla: El Oído del UX](https://www.fernandoux.com/es/wiki/tecnicas/pruebas-lectores-pantalla/) Aprenda a realizar pruebas con lectores de pantalla de forma efectiva para verificar que su diseño y arquitectura de información sean accesibles para usuarios ciegos o con discapacidad visual. - [Reduced Motion Strategies: Motion and Accessibility](https://www.fernandoux.com/en/wiki/strategy/reduced-motion-strategies/) Learn how to design interfaces with animations and micro-interactions that respect users' preference for 'reduced motion' if they are sensitive to animations and visual nausea. - [Screen Reader Testing: The Ear of UX](https://www.fernandoux.com/en/wiki/techniques/screen-reader-testing/) Learn to effectively perform screen reader testing to verify that your design and information architecture are accessible to blind or visually impaired users. - [Tab Order Strategy: The Keyboard User's Path](https://www.fernandoux.com/en/wiki/strategy/tab-order-strategy/) Learn how to design and specify a consistent and efficient Tab Order to ensure your product is easy to navigate for keyboard and assistive technology users. --- Source: https://www.fernandoux.com/tags/a11y/