If your objective is to make accepting a gift card as easy as possible for someone with vision impairment, you should choose the option with the fewest touchpoints.
Option 1: Deliver an auto-activated PDF.
This will have to be delivered in person, suitable for low-volume gift card purchases. If you have to send a larger volume, view option 2: Email
The first question is identifying what type of gift card you want to send them, you need to pick a branded card for this flow to work.
Select the amount, buy for someone else, and then select the print option.
Find a template called Letterhead - vision impaired. The thumbnail should show the barcode.
Here is an example of what a vision-impaired auto-activated PDF template will look like:
When it's printed, the font is about 22 ( 29 px equivalent ) high with high contrast, which should make it easily readable. This is also extended to the barcode and pin codes, which will need to be read and applied at checkout for online purchases. Alternatively, this printout can be presented at checkout in the store, and it will work.
Option 2: Email Delivery
If delivering each gift card in person is not practical, and large volumes of gift cards are required, then this option is right for you.
The first question is identifying what gift card you want to send them.
Select the amount > buy for someone else > and then select the > email option.
Fill out the recipients and create a personalised message.
Schedule in on the preferred date and checkout. Once the order has been place and the delivery date reached, the email will be sent to the recipient.
The email will look like this:
Create an account
A gift card is dropped into your digital wallet, simply activate, and the barcode will be revealed.
The gift recipient flow design does its best to meet the following best practices:
1. Logical Structure
Use a clear, logical layout: We use a clear structure of headings, lists, and paragraphs.
2. Text Considerations
Use simple and concise language: Avoided complex vocabulary and jargon unless necessary.
Include alt text for images: All images should have alternative text that describes the image content or function.
Avoid relying solely on colour: We don't use colour alone to convey information since screen readers cannot communicate colour without text or context.
3. Links and Call-to-Actions
Descriptive link text: Instead of generic text like "click here," we use descriptive text that conveys the link's destination or function.
Accessible buttons: The email includes buttons (e.g., for calls to action); they are clearly labelled and easy to navigate using a keyboard.
4. Layout and Design
Avoiding dense blocks of text: We break up large blocks into shorter paragraphs.
5. Technical Aspects
We use proper HTML tags (like <p>, <ul>, <li>, <strong>, <em>) to add meaning to the web content. We ensure that the HTML is clean and semantic. Avoid unnecessary divs and inline styles.
We want to test the email with a screen reader before we send out the campaign. Please contact customer service, and we will organise a test.
Comments
0 comments
Please sign in to leave a comment.