search

learn-co-curriculum / phase-1-lecture-videos-variables-and-data-types

1 stars 351 forks source link

Vimeo for code tutorials #1

Open rsleiberin opened 2 years ago

rsleiberin commented 2 years ago

Canvas Link

https://learning.flatironschool.com/courses/4992/pages/video-variables-and-data-types?module_item_id=357157

Concern

Concern 1: Following along with Vimeo video players isn't ideal for coding. Vimeo doesn't have a "Fill Browser" function, only full screen. With no way to increase visibility of the video without losing access to the terminal view, it can be hard to follow along. The only way to make it really work is to increase the entire page size but even then its still not great.

Placing the screens on top of each other helps the video, but then coding ergonomics aren't as nice because you have reduced visibility of large chunks of code and the user must focus on the bottom corner of the screen.

Concern 2: Coding font contrast doesn't meet accessibility standards. The font color #B01EC0 (pulled from still of video) fails contrast standards for the web content accessibility guidelines for black backgrounds. This further compounds reading difficulty.

https://webaim.org/resources/contrastchecker/

Additional Context

No response

Suggested Changes

somethingfly commented 2 years ago

Also, why no Closed Captioning? Needed.

rsleiberin commented 2 years ago

Also, why no Closed Captioning? Needed.

To piggyback off this idea, I’ve found tutorials that include key capture are really nice. It just displays what key is being pressed in the lower left hand corner so that if there is a question on what keys were being pressed for some kind of shortcut, the answer is there.