When writing HTML, following the ARIA (Accessible Rich Internet Applications) guidelines can help screen readers and other assistive technologies. Take a look at some of these techniques and resources.
- [Instructor] When writing HTML,…we can help screen readers and other assistive technologies…by following the ARIA guidelines.…ARIA stands for Accessible Rich Internet Applications…and provides specifications…for making websites more accessible.…ARIA breaks down into three categories:…roles, properties, and states.…Roles define the purpose of the element.…It's especially useful for elements that aren't defined…by semantic tags like header or footer.…Properties describe the characteristics of the element.…
For example, is it draggable?…What are the requirements?…And states describe the interaction,…such as whether a checkbox is checked…or a button is disabled.…Let's look at how the role attribute works.…First, define your HTML with semantic tags when possible.…Use divs when there are no other appropriate tags.…Then add additional information for assistive technologies.…Assign an appropriate ARIA role to the elements.…An example is the banner role, which is defined by ARIA…as content that typically includes the logo…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.