Skip to content

Dynamic Chapter Rows Missing Accessibility Attributes #143

@CyberSecDef

Description

@CyberSecDef

Problem

static/js/script.js lines 632-677: Dynamically inserted chapter rows are missing accessibility attributes that template-rendered rows have:

  • contenteditable cells lack aria-label
  • Action buttons lack aria-label
  • New rows lack role="textbox" on editable cells

Why It Matters

Screen reader users cannot identify the purpose of cells or buttons in dynamically added chapter rows.

Recommended Fix

\$newTitle.attr({ "contenteditable": "true", "role": "textbox", "aria-label": "Chapter title" });
\$newSummary.attr({ "contenteditable": "true", "role": "textbox", "aria-label": "Chapter summary" });
\$deleteBtn.attr("aria-label", "Delete chapter");

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions