Code Monkey home page Code Monkey logo

accessibility-introduction-to-web-accesibility's Introduction

This is the link to the lesson

ACCESSIBILITY

Introduction to Web Accessibility

Have you ever visited a website that seemed hard to use or navigate? Perhaps you couldn’t tell if an element was interactive or couldn’t read some of the text due to size issues. Chances are this has happened to you at least once, and it can be extremely frustrating. These problems that you encountered were likely the result of poor web accessibility.

Web accessibility is one of those aspects of web development where its presence, when implemented correctly, goes unnoticed, but its absence can destroy the user experience. There are a variety of considerations to make when making a website accessible, ranging from the size and color of the text to invisible properties that are processed by assistive tools such as screen readers.

Learning how to harness and apply the fundamental aspects of web accessibility should be a top priority for any developer looking to build an amazing, inclusive experience for all users.

Instructions

  1. Take some time to consider the code and web page to the right. There are a variety of accessibility issues present here. See how many you can spot and create a list.

When you are ready, click on the hint below to see the answer!

Checkpoint 2 Passed

Hint

While not an exhaustive list, some of the main accessibility issues are:

  • Font size that is too small, making it hard to read.
  • Text within paragraphs is too close together.
  • Color contrast issues making it hard to discern text from the background.
  • Abbreviations in the text that have no further context applied using the element.
  • Lack of interactivity indicators—no pointer cursor when hovering over interactive elements, links not underlined, etc.
  • No print media query to allow for accessibility in print media

memory jog /c/Users/glads/Documents/PROJECTS_AT_CODECADEMY/ACCESSIBILITY-Introduction-to-web-accesibility

accessibility-introduction-to-web-accesibility's People

Contributors

gladstone28 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.