Multimedia Elements

Week 7:

For our website, we have a lot of images and content. These multimedia element can enhance our group project. We will provide alternate views of multimedia content. In doing so, our information becomes accessible to everyone. For example, we will have text alternatives for the images for people who have disability or pictures that could not load. For low-vision users, text can be magnified by raising the text size or window size. We don't have any sound or videos on the website. However, we do have a small slideshow or preview of animation for displaying events. All the content and preview are drawn from RSS feed. The preview display are only the featured events with provided links for users to click. They are not distractions unless we put featured and important content on the preview slide to lure users to read on.


Discussion and information on text alternatives:
"Web Style Guide," 3rd edition book

Tutorials on text alternatives with images:
1. Jim Thatcher website
2. WAC Tutorial website

The tutorials teach us how to put alt tags for the images. If images do not load, or broken, the text alternatives can replace them for content and convey the same information. Even though if the images do not convey any meaning or information, we still need alt tags, so leave alt="" blank. It is also important to put captions for videos or audio multimedia. Captions are people who are disabled, deaf.

ALL IMAGES ARE REQUIRED WITH ALT TEXT.


Tutorial on "Scroll to Top" with jQuery
Tutorial link: Scroll GoToTop apparition with jQuery and CSS

Here is what I did: tutorial

On the tutorial, we used jQuery, HTML, and CSS. So this is how the page looks like when it's not scrolled. The 'scroll to top' button/link is on the bottom of the page.








This is how it looks like when the user scrolls to the bottom of the page. The 'scroll to top' button/link fades in and out everytime the page is being scrolled. If the user scrolls all the way down, the link will be visible to click. When user clicks on link, the page will scroll back up to the top.