freeCodeCamp's Applied Accessibility, Know When Alt Text Should Be Left Blank, Accessible Web Apps

Channel:
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=_iPoKdXXzmY



Duration: 3:03
38 views
0


In this lesson from freeCodeCamp's Applied Accessibility challenges we look at cases when the alternative (alt) attribute should be left blank. We previously discussed that alternative text is important for various reasons such as describing the image if it fails to load, but also to help those who use screen readers. In this lesson we learn that, even though it is mandatory to have an alt attribute, sometimes it can be left blank. If we are using an image, purely for decorative purposes, then it is okay to leave the element's alt attribute blank. Leaving the element's alternative attribute blank when it only serves decorative purposes is important when figuring out proper site design. Another reason for not adding an alt attribute is if a description has already been given, and the current image is a part of a group of images already discussed. These are cases alt attributes are unnecessary.




Other Videos By We Will Code


2019-07-31freeCodeCamp, Wrap Radio Buttons in a fieldset Element for Better Accessibility, 2020 Web App Help
2019-07-30freeCodeCamp, Improve Form Field Accessibility with the label Element, 2020 Web Accessibility
2019-07-29freeCodeCamp, Improve Chart Accessibility with the figure Element, 2019 Screen Readers Accessibility
2019-07-27freeCodeCamp, Improve Accessibility of Audio Content with the audio Element, 2019 Web Accessibility
2019-07-26freeCodeCamp, Applied Accessibility, Make Screen Reader Navigation Easier with the footer Landmark
2019-07-26freeCodeCamp, Make Screen Reader Navigation Easier with the nav Landmark, Accessible Web Apps 2019
2019-07-26freeCodeCamp, Make Screen Reader Navigation Easier with the header Landmark, Make an Accessible Site
2019-07-25freeCodeCamp's Wrap Content in the article Element, Accessibility Challenges
2019-07-24freeCodeCamp's Jump Straight to the Content Using the main Element, Web App Accessibility
2019-07-24freeCodeCamp's Use Headings to Show Hierarchical Relationships of Content, Learn Accessibility
2019-07-24freeCodeCamp's Applied Accessibility, Know When Alt Text Should Be Left Blank, Accessible Web Apps
2019-07-23freeCodeCamp's Add Text Alternative to Images for Visually Impaired Accessibility
2019-07-23freeCodeCamp's Introduction to the Accessibility Challenge
2019-07-19Jordan Peterson on the Founding Fathers views of Utopia
2019-07-18What would Jordan Peterson ask Vladimir Putin about his beliefs?
2019-01-26freeCodeCamps Switch Statements Practice, Javascript Switch Statement Practice (12)
2018-11-16freeCodeCamp's Introducing Else and Else If Statements, Chaining If Else If Statements (11)
2018-11-15freeCodeCamp's Greater Than, Less Than, AND and Or Operators, Basic Javascript (10)
2018-11-14freeCodeCamp's Array Method Practice, Equality and Strict Equality in Javascript (9)
2018-11-13freeCodeCamp's Global Scope and Functions, Understanding Local & Global Variables In JS (8)
2018-11-12freeCodeCamp, More Array Methods, JS Function Declarations & Parameters (7)



Tags:
learn to code
site accessibility
accessibility challenge
coding
alt text
alternative text