https://takao.blog/es/tags/accessibility/Recent content in Accessibility on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/web-accessibility-aria-basics/Mon, 15 Sep 2025 00:00:00 +0900https://takao.blog/es/web/web-accessibility-aria-basics/<img src="https://takao.blog/img/thumbnail/web-accessibility-aria-basics-es.png" alt="Featured image of post Accesibilidad web: Fundamentos de ARIA" /><p>ARIA (Accessible Rich Internet Applications) proporciona atributos HTML para mejorar la accesibilidad de contenido dinámico y componentes personalizados.</p> <h2 id="principios-aria">Principios ARIA </h2><p>No uses ARIA cuando los elementos HTML nativos funcionan. ARIA modifica el árbol de accesibilidad pero no el comportamiento. Primera regla: usa HTML semántico.</p> <h2 id="roles-y-propiedades">Roles y propiedades </h2><p><code>role=&quot;button&quot;</code>, <code>aria-label</code>, <code>aria-expanded</code>, <code>aria-hidden</code>, <code>aria-live</code>. Roles de landmarks (<code>navigation</code>, <code>main</code>, <code>complementary</code>).</p> <h2 id="componentes-dinámicos">Componentes dinámicos </h2><p>Tabs, modales, acordeones, sliders necesitan roles y estados ARIA. <code>aria-controls</code>, <code>aria-selected</code>, <code>aria-current</code>, <code>aria-valuenow</code>.</p>