From 430e52efe36e750f5b906cdfd6969cf291c23dbc Mon Sep 17 00:00:00 2001
From: Leslie Fernando <lesliefernando68@student.sfit.ac.in>
Date: Sun, 5 Oct 2025 15:59:26 +0530
Subject: [PATCH] Fix ARIA role typo: Change 'seperator' to 'separator' in
 todo-list card (#27335)

- Fixed 4 instances of misspelled ARIA role attribute
- Improves accessibility for screen readers
- Aligns with WCAG guidelines and ARIA specification
---
 src/panels/lovelace/cards/hui-todo-list-card.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-todo-list-card.ts b/src/panels/lovelace/cards/hui-todo-list-card.ts
index 03a1fcaf1b..b36e99cf3a 100644
--- a/src/panels/lovelace/cards/hui-todo-list-card.ts
+++ b/src/panels/lovelace/cards/hui-todo-list-card.ts
@@ -319,7 +319,7 @@ export class HuiTodoListCard extends LitElement implements LovelaceCard {
                   )}
                 </p>`
               : this._reordering
-                ? html`<div class="header" role="seperator">
+                ? html`<div class="header" role="separator">
                       <h2>
                         ${this.hass!.localize(
                           "ui.panel.lovelace.cards.todo-list.reorder_items"
@@ -331,7 +331,7 @@ export class HuiTodoListCard extends LitElement implements LovelaceCard {
                 : nothing}
             ${!this._reordering && uncheckedItems.length
               ? html`
-                  <div class="header" role="seperator">
+                  <div class="header" role="separator">
                     <h2>
                       ${this.hass!.localize(
                         "ui.panel.lovelace.cards.todo-list.unchecked_items"
@@ -346,9 +346,9 @@ export class HuiTodoListCard extends LitElement implements LovelaceCard {
               ? html`
                   <div>
                     ${uncheckedItems.length
-                      ? html`<div class="divider" role="seperator"></div>`
+                      ? html`<div class="divider" role="separator"></div>`
                       : nothing}
-                    <div class="header" role="seperator">
+                    <div class="header" role="separator">
                       <h2>
                         ${this.hass!.localize(
                           "ui.panel.lovelace.cards.todo-list.no_status_items"