The Completed Status Button does not belong to the Lesson actions buttons

[richardlhr]

Steps to Reproduce

• In Learning Mode, navigate through lessons.
• The current lesson status is rendered as a <button> element with no action.
• This is misleading, as it looks clickable but does nothing—particularly in the last lesson, where it is the only visible button.
• This also fails ADA accessibility guidelines since users expect a functional button but encounter a non-interactive element.

What I Expected

• Lesson status should not appear as an action in the lesson actions list.
• Instead, lesson status should be displayed in a Lesson Status block widget:
  • Positioned below the lesson title, so learners can see status immediately without scrolling.
  • May include an optional label (e.g., “Lesson Status:”) followed by the actual status text.
  • This block could be added to the Learning Mode templates, directly under the lesson title.

What Happened Instead

• A disabled <button> element is rendered, which confuses users and breaks accessibility.

Proposed Solution

• Remove the current disabled <button> from the Lessons actions
• Create a new Lesson Status block widget that outputs the current status (e.g., Not Started, In Progress, Completed) with a semantic non-interactive element such as a <span> or <div> styled consistently with other UI text.
• Add this block into the Learning Mode template just below the lesson title.
• Ensure the new element has proper ARIA labels for accessibility and does not use interactive roles unless it triggers an action.

PHP / WordPress / Sensei LMS version

PHP 8.2
WordPress 6.8.3
Sensei LMS 4.25.1

Browser / OS version

N/A

Screenshot / Video

Context / Source

We’ve received multiple client complaints related to ADA compliance. End users are confused by the current behavior and often contact support for assistance.