University of New Hampshire, Department of Computer Science

Information Technology 502
, Intermediate Web Design

Spring 2025

Jump to navigation

Design Template by Anonymous

Key Considerations

Accessibility

Just like how the use of time-based media in a web page will accommodate for users, such as those who are blind, it is necessary for the time-based media to be accessible to everyone as well. For example, if one of your users is deaf, how are they going to understand the context in the video? The best way to go about this is by implementing captions to your video. Another example would be to provide subtitles if there is a language barrier between the audio and the user listening. Applying these into code isn't too complex and will be explained in the next two pages. If for some reason the video can't have captions applied to it, then at the very least you should provide a brief summary of the video underneath to cover all the bases.


File Formats

Table of video file formats
Table shows the 3 HTML supported video file formats

Importance of the Right Format


Two Considerations

  1. Is this media really necessary?

    - Before adding media to a web page it's important to ask this question. While media can be a way to make a web page look flashy and elegant, if the media isn't adding to the goal of the web page it might have to be reconsidered. Places where media is necessary can be in areas that require or are complemented with a physical demonstration. Examples of these can be a cooking site or a site that explains how to do something.

  2. How will this impact the user experience?

    - This is also a good question to consider. If the site you've created displays many videos, then this will significantly impact the loading time of the site. High loading time sites cause limitations in access, therefore you want to balance video usage and loading time considerations to make the user experience as smooth as possible.