Friday, May 20th

Class Hours: 9:40 – 2:05
Mr. Cronin

Notes

Friday!
To give students a bit more time to work we are going to skip our Nineteen Eighty-Four and Certification Exam prep today – we will get back at it Monday.
You have 1 morning (in class) to do our CAWD / Web Dev project, so use the time wisely! Everyone who works hard will get this done by lunch. Ask questions while we work, its new to all of us. Low stress.
I would like to check in as many Laptops as we can this morning while we work:
1. Jackie
2. Hayden
3. Ethan
4. Cyprien
5. Kaden
If anyone has missing work please create a folder with your name on the public, put the missing work in this folder, and then let me know.
Kaden – you can go to Mrs. Wilson’s today at 12:30 to complete a test (while still fresh in your mind) or you can wait until callbacks next Wednesday afternoon when all the knowledge has fallen out of your brain. You decide.
Did you guys see this last night?

9:40 Attendance and Article

9:45 CAWD / Web Dev Assignment: Accessible Design

This week we are going to get some practice designing with accessibility in mind. While you design and develop you will frequently check your work against the Wave Accessibility tool to ensure that your work confirms to AAA rating. This will demand that our designs follow Web Content Accessibility Guidelines (WCAG) put forth by the World Wide Web Consortium (W3C) to help with Americans with Disabilities (ADA) act compliance.

Today you are going to create a single webpage based around a poem about flowers:

Some men never think of it.
You did. You’d come along
And say you’d nearly brought me flowers
But something had gone wrong.
The shop was closed. Or you had doubts —
The sort that minds like ours
Dream up incessantly. You thought
I might not want your flowers.
It made me smile and hug you then.
Now I can only smile.
But, look, the flowers you nearly brought
Have lasted all this while.
“Flowers” by Wendy Cope

Create a folder called “flowers“, with an index.html inside.

Content Requirements:

The focal point for your project is the poem above. It must be displayed in an visually engaging way that feels floral and delicate. Consider using Serif fonts for at least the title and author.

Technical Requirements:

Include at least 1 image you find online that fits with the poem.
Your color scheme needs to be Pastel Colors. This will force you as a web designer to use colors that are somewhat similar, yet at the same time think about accessibility – specifically contrast.
Include a nav with at least 4 dead links. (links that can have a href of =”#”, that don’t go anywhere.)
Run work through WAVE and hit the appropriate benchmarks.
Valid HTML (the standard way).

In the end you will have a project that:

Follows the requirements of the client.
Is both visually pretty, yet follows best practices for accessible design specifically in:
- No accessibility errors
- No Contrast errors
- No Alerts

This project does NOT need to be responsive, and does not need to include JS at all. Focus on the design. If you want an “A” it has to be gorgeous and hit the requirements. If you want the “C”, it can look “meh”, and hit the requirements.