Title: Please add acccessibility
Last modified: January 17, 2020

---

# Please add acccessibility

 *  [polyfade](https://wordpress.org/support/users/polyfade/)
 * (@polyfade)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/please-add-acccessibility/)
 * This plugin solves a crucial problem I think YouTube (aka Google) should be solving
   instead of us developers because it’s a problem they’re creating.
 * Anyway, this plugin needs some love when it comes to accessibility. The play 
   button should actually be a `button` element, not a `div`. A `div` means nothing
   to screen readers and can’t be accessed via keyboard.
 * Please consider something like this instead: `<button class="yt-button" aria-
   label="Play"></button>`. Besides, svgs are really cheap compared to pngs.
 * Lifted from a YouTube player:
 * `<button class="ytp-large-play-button ytp-button" aria-label="Play"><svg height
   ="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-large-
   play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.
   13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19
   C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
   fill="#212121" fill-opacity="0.8"></path><path d="M 45,24 27,14 27,34" fill="#
   fff"></path></svg></button>`
    -  This topic was modified 6 years, 3 months ago by [polyfade](https://wordpress.org/support/users/polyfade/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [Optimizing Matters](https://wordpress.org/support/users/optimizingmatters/)
 * (@optimizingmatters)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/please-add-acccessibility/#post-12336999)
 * somewhat lacking bandwidth to work on this currently polyfade, but if you’re 
   interested I love [getting PR’s on Github](https://github.com/futtta/wp-youtube-lyte/)!
   🙂

Viewing 1 replies (of 1 total)

The topic ‘Please add acccessibility’ is closed to new replies.

 * ![](https://ps.w.org/wp-youtube-lyte/assets/icon-128x128.png?rev=1836005)
 * [WP YouTube Lyte](https://wordpress.org/plugins/wp-youtube-lyte/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-youtube-lyte/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-youtube-lyte/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-youtube-lyte/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-youtube-lyte/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-youtube-lyte/reviews/)

## Tags

 * [video](https://wordpress.org/support/topic-tag/video/)
 * [Youtube](https://wordpress.org/support/topic-tag/youtube/)

 * 1 reply
 * 2 participants
 * Last reply from: [Optimizing Matters](https://wordpress.org/support/users/optimizingmatters/)
 * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/please-add-acccessibility/#post-12336999)
 * Status: not resolved