Interactive MapCore Web VitalsWCAG Accessibility

CultureNow Portal

Improving stability, mobile performance, and screen reader accessibility for a public-domain cultural mapping platform.

The Challenge & Context

CultureNow functions as a digital public registry and museum guide, mapping thousands of art installations, historical locations, and architectural sights.

During my tenure at Accenture, the platform faced stability issues due to historical browser-specific rendering bugs, unoptimized script loading, and compliance gaps preventing visually impaired users from navigating content.

Key Metrics

  • Issues Resolved:30+ production tickets
  • Audits Implemented:Lighthouse integration
  • Compliance Standard:WCAG A11y baseline
  • HMR / CI Speedup:Web Vitals checkpoints

Production Stability Triage

Addressing high-priority tickets systematically to stabilize core workflows

Situation

The legacy application suffered from recurring frontend bugs, visual regressions, and interface misalignments across different device browsers, causing user drop-offs.

Task

Triage, debug, and resolve high-priority visual and functional issues, while implementing preventive audit measures in our workflow.

Action

I analyzed issue patterns using Chrome DevTools, network traces, and user session error logs. I fixed rendering bugs in map modules, optimized asynchronous asset loading, resolved style regressions, and modified raw input elements to support screen-reader visibility landmarks.

Result

Successfully resolved 30+ critical production tickets. Stabilized core navigation flows, improved lighthouse scores, and secured clean screen-reader output for mapping layouts.

Engineering Highlights

Legacy Triage Process

Triaged tickets by severity and created a central registry documenting common frontend regressions (like incorrect absolute offsets and layout overlaps in older Safari browsers), reducing recurring bug frequencies.

Web Vitals Audit Checkpoints

Introduced Lighthouse audits (tracking Largest Contentful Paint LCP, Cumulative Layout Shift CLS, and Interaction to Next Paint INP) into the pipeline, identifying and removing render-blocking inline style modules.

WCAG Accessibility (A11y)

Optimized interactive mapping filters for keyboard navigation. Ensured correct screen-reader announcements by applying descriptive ARIA labels, focus state rings, and semantic landmarks across layouts.

Component Unit Testing

Authored unit tests using Jest and Karma/Jasmine to cover regression-prone routing filters and layout boundaries, securing high regression protection metrics for future product improvements.

Live Platform

CultureNow maps thousands of public artworks, architectures, and historical assets across cities. Visit the live directory platform below.

Other Selected Work Case Studies