Individual Technical Report

Prabhakar: Interactive Data & SVG Lead

Technical Description Accessibility JANET Compliance Meeting Log

1. Technical Implementation

User Profile Progressive logic

I implemented the **User Profile** using a sequence of 9 JavaScript prompt() calls grouped into 3 steps. The profile summary results are dynamically injected into the DOM through createElement and appendChild for a clean result.

SVG Sitemap

The sitemap was built entirely using Scalable Vector Graphics (**SVG**) as required by Section 4.9. I utilized <rect> and <circle> nodes with href links, ensuring they scale correctly across different screen resolutions.

2. Accessibility Considerations

For the SVG sitemap, I added <title> tags for each link to provide screen-readable context. I also ensured that nodes have a visible focus outline for keyboard-only navigation via the **Tab** key.

3. JANET Compliance

My work complies with JA.NET regulations. All assets have been vetted, and the user profile logic is designed only for client-side demonstration, ensuring no actual user data is transmitted outside the session.

4. Group Meetings & Contribution Log

# Date & Time Format Objective Attended My Individual Contribution
1 [2026-03-27] Face-to-face Agree SDG, assign roles, agree folder structure Yes Agreed to take Prabhakar responsibilities: Profile, Sitemap, Content page. Contributed to choosing SDG 6 and the water crisis focus.
2 [2026-03-28] Online (Teams) Review shared template and global CSS from Swosti Yes Reviewed the shared template structure and confirmed my pages would integrate correctly. Flagged the need for a scrollable programme section on the Feedback page.
3 [2026-03-29] Online (Teams) Progress check - first drafts Yes Shared draft profile.html with the group for review. Discussed JavaScript form validation approach. Received feedback on the team card layout.
4 [2026-03-30] Face-to-face Content review and consistency check Yes Presented content_ST4.html structure. Agreed on the sanitation gap topic and eight-section layout. Confirmed image placeholder naming convention with the group.
5 [2026-03-31] Hybrid Accessibility and validation review Yes Ran HTML validation on all three pages. Resolved minor validation errors. Added missing aria-label attributes and confirmed tabindex on team cards.
6 [2026-04-01] Online (Teams) Final review and submission preparation Yes Completed Page Editor and Validation page. Uploaded files to university server. Confirmed all navigation links work correctly across the full site.