Week 1

Lecture 1

How to make a website accessible, for everyone. Progressive enhancement.

  • Build strong
  • Open, free

Not the most technical course. Progessive enhancement, feature detection, basic functionalities.

HTML always works, how complex css is, wild JS. The website will always work. Is it good to make a website based on JavaScript? You don't always control the JS resources. We don't control the web. The web is messy. Reduce the chance your product is broken.

The Web; everyone needs to access it.

  • Not everyone uses a mouse
  • Not everyone's connection is good
  • Computers are becoming faster (moore's law)
  • Screens aren't calibrated
  • Every screen is the same

People

Every person is different, target audience. Temporary handicaps, broken arms?

Progressive enhancement isn't a technolgy. It's more like a way of thinking. Content > presentation > cliient-side scripting. Every layer is an enhancement. HTML and CSS are tolerant. Not only tags, attributes is also important. Every web is a product.

Universal design, usaavle by as many people as possible.

Cases

  1. Images: most bytes in a website. Most data.
  2. Custom fonts: icon fonts. Not that popular anymore.
  3. JavaScript: (push notifications, pop ups)
  4. Color: Designer of developer? Tools for color blindness.
  5. Internet: Throttling
  6. Cookies: small (text file) on local machine.
  7. localStorage; What's the alternative?
  8. Mouse/trackpad; Tab order, focus.

Lecture 2

Progressive enhancement: Strategy for Web Design that emphasizes core webpage content first. Adding layers of presentation on top of the content as the users webpage or internet connection allows. It allows everyone to access the basic content and functionality of a web page

Progressive enhancement isn’t a technology. It’s more like a way of thinking.

  • Core Functionality
  • Layout as enhancement
  • Enhance

Defaults web design: We have default we assume a user has. (Mouse, fast internet connection)

The Web: Is not a controlled environment, not everyone sees the same thing.

Accessibility: Access for everyone. The responsibility of a frontender is to make sure everyone can use your website.

Good user experience can only flow from a system where marketing, graphic and industrial design, engineering, and usability all work together in a collaborative effort to make life better, more enjoyable, and more productive

results matching ""

    No results matching ""