Western Governors University

E009: Web Design Fundamentals

A guide to WGU's course on building accessible, responsive and interactive web pages with HTML, CSS and JavaScript.

Updated October 2026 · 5 min read

E009, Web Design Fundamentals, is a course in WGU's Information Technology degree. WGU's guides say it teaches essential web development skills for creating accessible, responsive and interactive pages, with hands-on work in HTML, CSS and foundational JavaScript.

The course also covers web accessibility, with a focus on WCAG compliance, and core UX and UI principles. Students often struggle less with syntax than with the details that evaluators check: valid structure, consistent styling, accessible markup and behavior on different screen sizes.

Course at a Glance

ItemDetails
UniversityWestern Governors University (WGU)
Course codeE009 (codes may be updated; guides list titles)
LevelUndergraduate
Competency units3 in the current guide
PrerequisitesNone
FormatCompetency-based

The Three Competencies

Competency (WGU wording)What it means in practice
Applies CSS to style and design visually appealing web pagesSelectors, layout, color, type and responsive rules
Constructs basic web pages using HTML to create structured, accessible contentSemantic elements, headings, links, images with alt text, forms
Modifies basic JavaScript code to add interactive functionalityChanging existing scripts to respond to user actions

Key Concepts Explained

Semantic HTML and Accessibility

Semantic elements such as header, nav, main and footer describe the role of content, which helps screen readers and search engines. Every image needs a text alternative, every form field needs a label and headings should follow a logical order.

Example: A form field written as <label for="email">Email</label><input id="email" type="email"> lets a screen reader announce the field and lets users click the label to focus it. A field with only placeholder text fails both tests.

CSS and Responsive Design

CSS controls presentation. Responsive design adapts layout to screen width, often using flexible units and media queries. Test at phone, tablet and desktop widths, not only one.

WCAG Basics

The Web Content Accessibility Guidelines are organized around four principles: perceivable, operable, understandable and robust. A common check is text contrast; level AA asks for at least 4.5 to 1 for normal text. Keyboard access and visible focus are also frequent requirements.

Modifying JavaScript

The competency is about modifying code, so read the script first, find where the behavior is defined, change one thing and test. Keep comments that explain what you changed.

Typical Assessment Tasks and How to Approach Them

Check your course page for the exact format. Tasks in web courses commonly look like this:

Task typeWhat it testsHow to approach it
Build a page in HTMLStructure and accessibilityUse semantic elements, alt text, labels and valid nesting
Style with CSSDesign and consistencyUse an external stylesheet and a small set of colors and fonts
Modify a scriptReading and editing codeChange one behavior at a time and test
Explain design choicesUX reasoningLink each choice to a user need or guideline

Pre-Submission Checklist

CheckHow
Valid HTMLRun the page through an HTML validator
Images have alt textInspect each image element
Contrast is sufficientUse a contrast checker
Keyboard worksTab through links and fields
Phone layout worksNarrow the browser window

Layout Basics Worth Mastering

TechniqueUse it for
Box modelUnderstanding padding, border and margin
FlexboxRows or columns of items that align and wrap
GridTwo-dimensional page layouts
Media queriesChanging styles at different screen widths
Relative unitsText and spacing that scale

UX Principles to Cite

When asked to justify design choices, tie them to user needs. Clear navigation helps people find content, consistent patterns reduce effort, readable type and contrast support all users, and prompt feedback tells people their action worked. Pair each principle with a feature of your page.

Forms and Interaction

Forms are a frequent assessment item because they test structure and accessibility together.

Where Students Get Stuck

Study Tips for E009

How We Help with E009

Send the task, rubric and evaluator comments. A writer with web experience can prepare a model with annotated code, explain a concept or review your draft.

GradeEssays is independent and not affiliated with Western Governors University. Our work is a study and reference aid; you complete and submit your own work under WGU's academic integrity policy, and we never take assessments or access student accounts.

Orders are written from scratch, include free revisions within the scope of your original request and are refunded in full if late.

Get Your E009 Pages Right

Share the task, rubric and feedback. We prepare a model with annotated code and accessibility notes.

Start My E009 Help

Free revisions · Full refund if late · Written from scratch for your order

Frequently Asked Questions

Are there prerequisites for E009?

WGU's program guides state there are none.

What languages are used?

HTML, CSS and foundational JavaScript, according to WGU's course description.

Does the course cover accessibility?

Yes. The description mentions web accessibility with a focus on WCAG compliance, plus UX and UI principles.

Do I have to write JavaScript from scratch?

The competency refers to modifying basic JavaScript code to add interactivity.

How do I check accessibility?

Use a validator and contrast checker, test keyboard navigation and review alt text and labels.

Will you complete my assessment?

No. We never take assessments or access accounts. We provide annotated examples and feedback.