# Dynamic Font Sizing Verification & Execution Test Plan

## 1. Test Case Specification

| Field | Details |
| :--- | :--- |
| **Test Case ID** | `TC-LMS-ACC-001` |
| **Title** | Dynamic Font Sizing & Responsive Layout Adaptation |
| **Category** | Accessibility (a11y) / UX Responsiveness |
| **Severity / Priority** | High |
| **Target System** | NextGen School LMS Platform |
| **Objective** | Verify that users can increase or decrease font size (up to 200%) and that the LMS layout dynamically adapts without text clipping, overlap, or loss of functionality. |

---

## 2. Prerequisites & Test Environment

* **LMS Accessibility**: NextGen LMS frontend application accessible at target URL (`http://localhost:3000` or production domain).
* **Browser Requirement**: Modern browser with native font zoom / page zoom controls (Google Chrome, Mozilla Firefox, Microsoft Edge, or Safari).
* **User Account**: Active user account created (`student`, `teacher`, or `admin`).
* **Display Settings**: Standard screen resolution (1920x1080 or 1366x768).

---

## 3. Test Execution Steps

```mermaid
flowchart TD
    A[Step 1: Log in to LMS] --> B[Step 2: Access Font Size / Zoom Settings]
    B --> C[Step 3: Increase Font Size to 200%]
    C --> D[Step 4: Navigate LMS Pages]
    D --> E[Step 5: Verify Readability & Layout Adaptation]
```

### Execution Procedure

1. **Log in to LMS**
   * Navigate to the login portal.
   * Enter valid user credentials and log into the LMS dashboard.

2. **Access Font Size Settings**
   * Open the browser view controls or access the profile/accessibility settings within the LMS interface.

3. **Increase Font Size to 200%**
   * Use browser font scaling / page zoom (`Ctrl + '+'` or browser settings) to set text scale / zoom level to **200%**.

4. **Navigate Pages**
   * Navigate through primary LMS modules:
     * **Dashboard & Cards**
     * **Course & Syllabus View**
     * **Assignments & Submissions**
     * **Offboarding & Clearance Modals**
     * **Grades & Report Cards**

5. **Verify Readability & Layout Adaptation**
   * Inspect text containers, buttons, flex/grid layouts, tables, and modal dialogs to confirm dynamic reflow and zero clipping.

---

## 4. Expected Results vs. Actual Results

| Step | Action | Expected Result | Pass / Fail | Notes / Observations |
| :---: | :--- | :--- | :---: | :--- |
| **1** | Log into LMS portal | User lands on dashboard cleanly without layout shifts. | `PASS` | Authenticated successfully. |
| **2** | Open font size / zoom controls | Font adjustment controls are accessible and responsive. | `PASS` | Native and UI zoom options accessible. |
| **3** | Scale font size to 200% | Text elements grow proportionally across headings, body text, badges, and controls. | `PASS` | Dynamic rem/em units scale linearly. |
| **4** | Navigate across LMS routes | Page layouts adapt dynamically; flex/grid columns wrap vertically as needed. | `PASS` | Navigation sidebar and headers adapt. |
| **5** | Verify readability & overflow | Text remains 100% readable. Zero text clipping, no horizontal scrollbars on body text, zero overlapping text nodes. All action buttons remain accessible. | `PASS` | Complies with WCAG 2.1 Reflow standards. |

---

## 5. Accessibility & Compliance Standards

* **WCAG 2.1 Success Criterion 1.4.4 (Resize Text - Level AA)**:
  * Text can be resized without assistive technology up to 200 percent without loss of content or functionality.
* **WCAG 2.1 Success Criterion 1.4.10 (Reflow - Level AA)**:
  * Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions.

---

## 6. Execution Sign-off

* **Test Status**: `PASSED`
* **Executed By**: QA Automation & Accessibility Inspector
* **Date**: July 29, 2026
