diff options
author | Zach Bayoff <30878344+zbayoff@users.noreply.github.com> | 2019-10-12 19:10:14 +0300 |
---|---|---|
committer | Bjørn Erik Pedersen <bjorn.erik.pedersen@gmail.com> | 2019-10-12 19:10:14 +0300 |
commit | 7b3edc293144dd450e87ca32f238221c21eb1b47 (patch) | |
tree | 7848f4b278cc933834d754cb78a9f87d059bf188 /docs | |
parent | 65b7d4221b90445bfc089873092411cf7e322933 (diff) |
tpl: Add optional "title" attribute to iframe in Vimeo shortcode
Add an optional "title" attribute to the iframe in the vimeo shortcode. If one is not given, the title attribute will default to "vimeo video". It is imperative for iframes to have a non-empty "title" attribute in order to meet WCAG2.0 accessibility guidelines https://www.w3.org/TR/WCAG20-TECHS/H64.
Diffstat (limited to 'docs')
-rw-r--r-- | docs/content/en/content-management/shortcodes.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/content/en/content-management/shortcodes.md b/docs/content/en/content-management/shortcodes.md index 3be1c6f9e..94966343a 100644 --- a/docs/content/en/content-management/shortcodes.md +++ b/docs/content/en/content-management/shortcodes.md @@ -345,10 +345,10 @@ Using the preceding `vimeo` example, the following HTML will be added to your re {{< /output >}} {{% tip %}} -If you want to further customize the visual styling of the YouTube or Vimeo output, add a `class` named parameter when calling the shortcode. The new `class` will be added to the `<div>` that wraps the `<iframe>` *and* will remove the inline styles. Note that you will need to call the `id` as a named parameter as well. +If you want to further customize the visual styling of the YouTube or Vimeo output, add a `class` named parameter when calling the shortcode. The new `class` will be added to the `<div>` that wraps the `<iframe>` *and* will remove the inline styles. Note that you will need to call the `id` as a named parameter as well. You can also give the vimeo video a descriptive title with `title`. ``` -{{</* vimeo id="146022717" class="my-vimeo-wrapper-class" */>}} +{{</* vimeo id="146022717" class="my-vimeo-wrapper-class" title="My vimeo video" */>}} ``` {{% /tip %}} |