UI / UX Design
Survey Administrator
A simple yet powerful tool that enables public health officials to contacts individuals impacted by events.
Year :
2023
Industry :
SaaS / Public Health Tech
Client :
SSDataInfo
Project Duration :
1 Year
Problem: Public health teams needed an easy way to connect with community members during health events.
Survey Administrator Case Survey Overview List
Solution: Survey Administrator Tool
Upload Surveys
Quickly add new questionnaires to capture community feedback.
Manage Contacts
Store and update individual records for seamless outreach.Automate Correspondence
Send invitations, reminders, and follow‑ups with a click.
Benefit: Empower officials to gather critical insights and support affected populations efficiently.
Challenges:
508 Compliance Required
Met federal accessibility standards for both front end and back end.
Accessible Front End
Designed UI for screen readers, keyboard navigation, and hearing‑assistance tools.Inclusive Back End
Built data structures and APIs to support accessibility features across the application.
Subject List View
Subject List Overview
Accessibility Evaluation with Accessibility Insights
Before enhancing the Survey Administrator platform, I work independently to identify Accessibility Insights to evaluate its accessibility. Here's how I did it:
Automated Checks: Identified common issues like missing ARIA labels and color contrast problems.
Manual Assessments: Uncovered issues with tab order and keyboard navigation.
Detailed Reports: Highlighted accessibility barriers to prioritize improvements.
Guided Remediation: Followed steps to resolve each issue per accessibility standards.
Using Accessibility Insights ensured a thorough evaluation, leading to a more accessible Survey Administrator platform.
Image title
What is 508 Compliance and why is it important?
508 Compliance refers to Section 508 of the Rehabilitation Act of 1973, which mandates that all electronic and information technology (EIT) used by the federal government be accessible to people with disabilities.
Key Areas of 508 Compliance:
Web Accessibility: Websites must be accessible to users with disabilities.
Software & Applications: Must be designed for accessibility.
Documents: PDFs and Word documents need to be in accessible formats.
Multimedia: Audio and video content must include captions and audio descriptions.
Hardware: Physical devices like kiosks must be accessible.
Importance of 508 Compliance:
Legal Requirement: Mandatory for federal agencies and their contractors.
Inclusivity: Ensures equal access for all individuals.
Improved User Experience: Enhances usability for everyone.
Broader Audience: Reaches more users, including those with disabilities.
Corporate Responsibility: Reflects commitment to social responsibility.
Survey Administrator Accessibility Enhancements
Designed for Everyone
Collaborated as lead designer with developers to integrate these key features:
High Contrast Design: Boost visibility with bold colors and clear UI elements.
ARIA Labels: Enable screen readers to announce every component accurately.
Optimized Tab Order & Keyboard Navigation: Support logical tab order and full keyboard control.
Responsive Layouts: Ensure usability on any device or screen size.
Alt Text for Images: Give context to images for screen‑reader users.
Form Validation Feedback: Combine audible alerts and visual cues for clear error handling..
Result: A more inclusive, user‑friendly Survey Admin platform.
More Projects
UI / UX Design
Survey Administrator
A simple yet powerful tool that enables public health officials to contacts individuals impacted by events.
Year :
2023
Industry :
SaaS / Public Health Tech
Client :
SSDataInfo
Project Duration :
1 Year
Problem: Public health teams needed an easy way to connect with community members during health events.
Survey Administrator Case Survey Overview List
Solution: Survey Administrator Tool
Upload Surveys
Quickly add new questionnaires to capture community feedback.
Manage Contacts
Store and update individual records for seamless outreach.Automate Correspondence
Send invitations, reminders, and follow‑ups with a click.
Benefit: Empower officials to gather critical insights and support affected populations efficiently.
Challenges:
508 Compliance Required
Met federal accessibility standards for both front end and back end.
Accessible Front End
Designed UI for screen readers, keyboard navigation, and hearing‑assistance tools.Inclusive Back End
Built data structures and APIs to support accessibility features across the application.
Subject List View
Subject List Overview
Accessibility Evaluation with Accessibility Insights
Before enhancing the Survey Administrator platform, I work independently to identify Accessibility Insights to evaluate its accessibility. Here's how I did it:
Automated Checks: Identified common issues like missing ARIA labels and color contrast problems.
Manual Assessments: Uncovered issues with tab order and keyboard navigation.
Detailed Reports: Highlighted accessibility barriers to prioritize improvements.
Guided Remediation: Followed steps to resolve each issue per accessibility standards.
Using Accessibility Insights ensured a thorough evaluation, leading to a more accessible Survey Administrator platform.
Image title
What is 508 Compliance and why is it important?
508 Compliance refers to Section 508 of the Rehabilitation Act of 1973, which mandates that all electronic and information technology (EIT) used by the federal government be accessible to people with disabilities.
Key Areas of 508 Compliance:
Web Accessibility: Websites must be accessible to users with disabilities.
Software & Applications: Must be designed for accessibility.
Documents: PDFs and Word documents need to be in accessible formats.
Multimedia: Audio and video content must include captions and audio descriptions.
Hardware: Physical devices like kiosks must be accessible.
Importance of 508 Compliance:
Legal Requirement: Mandatory for federal agencies and their contractors.
Inclusivity: Ensures equal access for all individuals.
Improved User Experience: Enhances usability for everyone.
Broader Audience: Reaches more users, including those with disabilities.
Corporate Responsibility: Reflects commitment to social responsibility.
Survey Administrator Accessibility Enhancements
Designed for Everyone
Collaborated as lead designer with developers to integrate these key features:
High Contrast Design: Boost visibility with bold colors and clear UI elements.
ARIA Labels: Enable screen readers to announce every component accurately.
Optimized Tab Order & Keyboard Navigation: Support logical tab order and full keyboard control.
Responsive Layouts: Ensure usability on any device or screen size.
Alt Text for Images: Give context to images for screen‑reader users.
Form Validation Feedback: Combine audible alerts and visual cues for clear error handling..
Result: A more inclusive, user‑friendly Survey Admin platform.
More Projects
UI / UX Design
Survey Administrator
A simple yet powerful tool that enables public health officials to contacts individuals impacted by events.
Year :
2023
Industry :
SaaS / Public Health Tech
Client :
SSDataInfo
Project Duration :
1 Year
Problem: Public health teams needed an easy way to connect with community members during health events.
Survey Administrator Case Survey Overview List
Solution: Survey Administrator Tool
Upload Surveys
Quickly add new questionnaires to capture community feedback.
Manage Contacts
Store and update individual records for seamless outreach.Automate Correspondence
Send invitations, reminders, and follow‑ups with a click.
Benefit: Empower officials to gather critical insights and support affected populations efficiently.
Challenges:
508 Compliance Required
Met federal accessibility standards for both front end and back end.
Accessible Front End
Designed UI for screen readers, keyboard navigation, and hearing‑assistance tools.Inclusive Back End
Built data structures and APIs to support accessibility features across the application.
Subject List View
Subject List Overview
Accessibility Evaluation with Accessibility Insights
Before enhancing the Survey Administrator platform, I work independently to identify Accessibility Insights to evaluate its accessibility. Here's how I did it:
Automated Checks: Identified common issues like missing ARIA labels and color contrast problems.
Manual Assessments: Uncovered issues with tab order and keyboard navigation.
Detailed Reports: Highlighted accessibility barriers to prioritize improvements.
Guided Remediation: Followed steps to resolve each issue per accessibility standards.
Using Accessibility Insights ensured a thorough evaluation, leading to a more accessible Survey Administrator platform.
Image title
What is 508 Compliance and why is it important?
508 Compliance refers to Section 508 of the Rehabilitation Act of 1973, which mandates that all electronic and information technology (EIT) used by the federal government be accessible to people with disabilities.
Key Areas of 508 Compliance:
Web Accessibility: Websites must be accessible to users with disabilities.
Software & Applications: Must be designed for accessibility.
Documents: PDFs and Word documents need to be in accessible formats.
Multimedia: Audio and video content must include captions and audio descriptions.
Hardware: Physical devices like kiosks must be accessible.
Importance of 508 Compliance:
Legal Requirement: Mandatory for federal agencies and their contractors.
Inclusivity: Ensures equal access for all individuals.
Improved User Experience: Enhances usability for everyone.
Broader Audience: Reaches more users, including those with disabilities.
Corporate Responsibility: Reflects commitment to social responsibility.
Survey Administrator Accessibility Enhancements
Designed for Everyone
Collaborated as lead designer with developers to integrate these key features:
High Contrast Design: Boost visibility with bold colors and clear UI elements.
ARIA Labels: Enable screen readers to announce every component accurately.
Optimized Tab Order & Keyboard Navigation: Support logical tab order and full keyboard control.
Responsive Layouts: Ensure usability on any device or screen size.
Alt Text for Images: Give context to images for screen‑reader users.
Form Validation Feedback: Combine audible alerts and visual cues for clear error handling..
Result: A more inclusive, user‑friendly Survey Admin platform.