You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: html/lesson6/tutorial.md
+24Lines changed: 24 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -143,3 +143,27 @@ This ends our sixth lesson. How did you find learning HTML and CSS? If you have
143
143
## Extras
144
144
145
145
Now that you are familiar with HTML & CSS, how about you create your own portfolio site. Think about the pages that you may include, such as home, about me and a portfolio or gallery page. You may even want to include a downloadable CV.
146
+
147
+
## Further Reading:
148
+
### Accessibility
149
+
150
+
Some of your users might be using screenreaders or keyboards to navigate across your page. How do you ensure your website is available to them? By following a few guidelines and integrating particular techniques.
151
+
152
+
#### Acronyms to know:
153
+
- (ARIA) Accessible Rich Internet Applications are set of techniques and additions to HTML to allow additional markup to be interpreted by accessibility devices.
154
+
- (WCAG) Website Content Accessibility Guidelines contain different compliance levels (A, AA and AAA) and lay down the “rules” to make a website or application accessible.
155
+
- (WAI) The Web Accessibility Initiative is a part of the W3 consortium that works on accessibility standards, guidelines, rules and techniques.
156
+
- (a11y or A11Y) is an abbreviation/numeronym for accessibility. The number 11 refers to the number of letters omitted.
157
+
158
+
#### Articles for getting started with accessibility:
159
+
-[Introduction to Accessibility](https://www.w3.org/standards/webdesign/accessibility)
-[How People with disabilities use the web](https://www.w3.org/WAI/intro/people-use-web)
162
+
-[Tutorials](https://www.w3.org/WAI/tutorials/)
163
+
-[Mozilla have created their own Accessibility page](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
164
+
-[ARIA Techniques for WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/aria)
165
+
- The [A11Y Project](http://a11yproject.com/) is an open source project on providing the most up to date and easy to access information regarding accessibility.
166
+
167
+
#### These extensions are handy if you wish to check if your website meets the criteria and areas to improve:
0 commit comments