Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 61210e9

Browse files
committed
Add Aria and validation on Week 1
1 parent 3c0fc15 commit 61210e9

File tree

2 files changed

+13
-6
lines changed

2 files changed

+13
-6
lines changed

Week0/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929
* [What is ARIA and why is it important?](https://www.youtube.com/watch?v=HtTyRajRuyY)
3030
* [Introduction to ARIA](https://www.youtube.com/watch?v=g9Qff0b-lHk&t=4s)
3131
* [Web applications and ARIA FAQ](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ)
32+
* _Bonus knowlegde:_ [Practical guide for developers on how to add accessibility information to HTML elements using the ARIA specification](https://w3c.github.io/using-aria/)
3233

3334
>Don't worry if you don't understand everything, but make sure to prepare some questions for your first session about the reading material.
3435

Week1/MAKEME.md

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,40 +9,46 @@
99
* Indentation
1010
* Semantic elements
1111
* Paragraphs, links, images, lists
12+
* Validating HTML
13+
* Introduction to ARIA:
14+
* What is ARIA and why is it important?
15+
* Using ARIA in HTML
16+
* Validating ARIA
1217
* Introduction to CSS:
1318
* Where can we write it and what difference does that make?
1419
* Selectors (id, class, element type), properties
1520
* How to structure a CSS file
1621
* Naming things
22+
* Validating CSS
1723
* External files: relative and absolute paths
1824
* Getting to know your text editor
1925

2026
# Homework Week 1
2127

22-
## Step 1.
28+
## Step 1.
2329
### Good learning practices
2430
Before you start check out this [video](http://www.learningscientists.org/videos/) and/or this [article](https://www.cultofpedagogy.com/learning-strategies/) about good learning practices.
2531

2632
### HTML5
27-
Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
33+
Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
2834

2935
### CSS:
30-
* [CSS reference](http://cssreference.io/)
36+
* [CSS reference](http://cssreference.io/)
3137
* [MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
3238
* [CSS-tricks - CSS Properties](https://css-tricks.com/almanac/properties/)
3339
* [MDN - CSS box model](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
3440

3541
## Step 2.
3642
* In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
37-
* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
43+
* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
3844

3945

4046
> Don't forget, you can always revisit Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css) if you are stuck and need a reminder
4147
4248
## Step 3.
4349
### Assignment:
4450
* Make your own web resume:
45-
* One page
51+
* One page
4652
* Two files: HTML and CSS
4753
* Include the following:
4854
* Your personal info (name, place of birth, etc.)
@@ -56,7 +62,7 @@ Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
5662
* Another list (ul). In this list you include the most important platforms/resources where you can find all hyf related information.
5763
* img
5864
* p
59-
* Some CSS properties: margin, padding
65+
* Some CSS properties: margin, padding
6066
* Make sure that you page looks nice, and that your text is readable
6167
* upload in a zip
6268
* BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).

0 commit comments

Comments
 (0)