Feedback form
Overview
Project Lead: Paul Jackson (@pjackson28)
Purpose
This component allows users to submit feedback for a specific Web page or the Web site in general.
Benefits
- Provides a common way for users to provide feedback
- Makes it easier for users to provide helpful feedback
- Hides the fields that users should not complete
- Conforms to WCAG 2.0 AA
- Uses WAI-ARIA to enhance accessibility
- Progressive enhancement approach
Recommended usage
Common feedback form that is available from anywhere on a website.
Implementation
Migrate the *.html files to the Web site's layout and design. The Reason for contacting us field can be selected on page load by adding feedback=[value] to the query string (e.g. feedback=web).
Examples
Development
The feedback form is dependent upon the Form validation component and is styled by the CSS Grid System.
The code for the feedback form is located in several places within the source folder of WET:
- js/workers/feedback.js - contains the JavaScript code for the feedback form
- js/sass/includes/_feedback.scss - contains the CSS for the feedback form
Known Issues
- Sending the submitted data to an email account may create security and privacy risks for certain types of data
- Managing the submitted data without a database can result in more overhead
Version History
Related Pages
- Date modified: