search

Grunet / digestible-wcag

Breaks up WCAG specifications into smaller pieces that are easier to chew on one at a time
0 stars 0 forks source link

Emails with Embedded Video Elements are Only Showing Fallback Text #2

Open Grunet opened 4 years ago

Grunet commented 4 years ago

The generated html for the 1.4.10 Reflow email contains an HTML5 video tag that works when viewed in a browser (although it's not responsive).

However, when the email is sent (via SendGrid) the video tag is replaced by its fallback text and you have to follow the link beneath it to see the video on the actual WCAG website.

image

<div style="margin:0 10px 0 10px">
               <h3>Example 1: Responsive Design</h3>
               <p>
                  <u></u>
                     <u></u>
                     <u></u>Animation of zooming in on a responsive site. The content reflows to fit the screen.
                  <u></u>
               </p>
               <p>Note that as the zoom percentage increases, the navigation changes first to hide options
                  behind a "More" dropdown menu. As zooming continues, most navigation options are eventually
                  behind a "hamburger" menu button. All the information and functionality is still available
                  from this web page. There is no horizontal scrolling.
               </p>
</div>
Grunet commented 4 years ago

A couple of brief searches makes me think this might not be super straightforward if most email clients don't support the video tag.

I'm also not sure if videos are used in any of the other success criteria documentation but I'll add them here if I come across any others.

Grunet commented 3 years ago

Another option might be to avoid embedding the video at all, but have it link out and be playable from a browser tab instead.