freeCodeCamp's Wrap Content in the article Element, Accessibility Challenges

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



Duration: 3:44
32 views
1


In this lesson from the Accessibility Challenges on freeCodeCamp we look at the article element. The article element allows us to, similar to the main element, augment the meaning of our content. We learn that an article element is for grouping self-contained, independent content. There is also the mentioning of the section element in this lesson, which also adds specifc meaning which should not be confused with the article element. While an article element should be self sufficient and independent, a section element, on the other hand is used to group related content. An example using a book clearly demonstrates the proper use and order of said elements. If a book was divided. the whole book is an article, while each chapter is a section of the article. Understanding these conceptualization will prove key in understanding when to use the section element and when to use the article element. The div element should only be used when grouping content in general, not related content or independent content.




Other Videos By We Will Code


2019-08-05freeCodeCamp, Make Elements Only Visible to a Screen Reader by Using Custom CSS, Accessible Website
2019-08-04freeCodeCamp, Standardize Times with the HTML5 datetime Attribute, 2020 Web Development
2019-08-01freeCodeCamp's Add an Accessible Date Picker, Accessibility App 2020, 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)



Tags:
using article element
article element purpose
html article element
article vs section
article div