Study Notes

Study Notes

  • Source
  • WebDesign
  • Javascript

›Applied Accessibility

Basic HTML and HTML5

  • Basic HTML and HTML5 Overview

Basic CSS

  • Basic CSS Overview

Applied Visual Design

  • Applied Visual Design Overview

Applied Accessibility

  • Applied Accessibility Overview
  • Image alt attribute
  • Headings
  • Semantic Elements
  • Visual Sense
  • Attributes Relative to the Keyboard

Responsive Web Design Principles

  • Responsive Web Design Principles Overview

CSS Flexbox

  • CSS Flexbox Overview
  • Flex Container
  • Flex Item

CSS Gird

  • CSS Grid Overview
  • Grid Container
  • Grid Item
  • Grid Areas
  • build-in function
  • Layout

Image alt attribute

  • Alt text describes the content of the image and provices a text-alternative.
  • Good alt text is short but descriptive, and meant to briefly convey the meaning of the image.
  • For images, screen readers can access the alt attribute and read its contents to deliver key information.
  • Per HTML5 specification, this is now considered mandatory.
  • alt can be set to an empty string when images are grouped with a caption already describing them, or are used for decoration only.
<img src="visualDecoration.jpeg" alt="">

参考资料:

  • Add a Text Alternative to Images for Visually Impaired Accessibility
  • Know When Alt Text Should be Left Blank
← Applied Accessibility OverviewHeadings →
Copyright © 2019 罗惠东