Why do semantics matter? -- #A11ycasts 08

Watch all A11ycasts episodes: https://goo.gl/06qEUW Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf It's easy to overlook the importance of semantics in web development. After all, a div and a section tag all render the same, right? But in the world of accessibility semantics are extremely important. Today on the show we'll cover how proper semantics let you express the affordances for your UIs, and I'll explain how those affordances get transformed into the accessibility tree. If you've ever wondered HOW a screen reader turns a bunch of HTML into a spoken UI then you'll definitely enjoy today's episode :)

TARGET AD 2
2016/11/04 Google Chrome Developers   Share on Facebook

RELATED VIDEOS

Just use button -- A11ycasts #05
Play Video

Just use button -- A11ycasts #05

2016/09/15
Screen Reader Basics: NVDA -- A11ycasts #09
Play Video

Screen Reader Basics: NVDA -- A11ycasts #09

2016/12/02
Semantics:  Language Unit
Play Video

Semantics: Language Unit

2013/11/04
What Is Semantics?
Play Video

What Is Semantics?

2012/09/27
Introduction to Semantics
Play Video

Introduction to Semantics

2015/11/04
Syntax vs Semantics (Philosophical Distinctions)
Play Video

Syntax vs Semantics (Philosophical Distinctions)

2015/09/17
[Introduction to Linguistics] Ambiguity, Entailment, Paraphrase, and Contradictions
Play Video

[Introduction to Linguistics] Ambiguity, Entailment, Paraphrase, and Contradictions

2015/02/16
Semantic Scope Ambiguity
Play Video

Semantic Scope Ambiguity

2014/10/22
علم المعاني و البراغماتيك -1- Semantics and Pragmatics د.السيد
Play Video

علم المعاني و البراغماتيك -1- Semantics and Pragmatics د.السيد

2013/02/16
SEM101 - Word Semantics
Play Video

SEM101 - Word Semantics

2012/09/14
12 Zero Waste Swaps for Beginners
Play Video

12 Zero Waste Swaps for Beginners

2017/11/06
Chrome Developers Xmas Special
Play Video

Chrome Developers Xmas Special

2015/12/17
Word Origins - semantics, meaning change over time (Etymology 2 of 2)
Play Video

Word Origins - semantics, meaning change over time (Etymology 2 of 2)

2011/07/18
How to Label Custom Elements - A11ycasts #24
Play Video

How to Label Custom Elements - A11ycasts #24

2017/09/01
CS341 - Move Semantics
Play Video

CS341 - Move Semantics

2015/04/26
Focus Ring! -- A11ycasts #16
Play Video

Focus Ring! -- A11ycasts #16

2017/03/23
Testing Shadow DOM with aXe Coconut - A11ycasts #26
Play Video

Testing Shadow DOM with aXe Coconut - A11ycasts #26

2017/10/13
Semantic Interaction for Sense-making: Alex Endert at TEDxVirginiaTech
Play Video

Semantic Interaction for Sense-making: Alex Endert at TEDxVirginiaTech

2012/12/05
What is meaning? Semantics, semiotics, logic & the meaning of words -- Linguistics & Logic 101
Play Video

What is meaning? Semantics, semiotics, logic & the meaning of words -- Linguistics & Logic 101

2012/09/05
Semantics: Sense and Reference (Deixis)
Play Video

Semantics: Sense and Reference (Deixis)

2016/06/21
Can We Define "Must"? The Semantics of Modality
Play Video

Can We Define "Must"? The Semantics of Modality

2017/06/28
what is semantic?
Play Video

what is semantic?

2010/09/10
Building a Website #Day13
Play Video

Building a Website #Day13

2016/11/01
Totally Tooling Tips: GitHub Workflow Pro-Tips
Play Video

Totally Tooling Tips: GitHub Workflow Pro-Tips

2017/08/25
Chrome 64 - What
Play Video

Chrome 64 - What's New in DevTools

2018/01/12
VA-DoD Interoperability - Astute Semantics - JLV Evolution Demo
Play Video

VA-DoD Interoperability - Astute Semantics - JLV Evolution Demo

2014/09/23
How Do We Match Verbs and Times? Event Semantics
Play Video

How Do We Match Verbs and Times? Event Semantics

2017/10/03
Semantics
Play Video

Semantics

2014/07/21
Syntax Vs Semantics - Programming Languages
Play Video

Syntax Vs Semantics - Programming Languages

2012/04/23
Solving SEO with Headless Chrome (Polymer Summit 2017)
Play Video

Solving SEO with Headless Chrome (Polymer Summit 2017)

2017/08/23
Semantic Gradients
Play Video

Semantic Gradients

2011/07/01
Web Payments (Chrome Dev Summit 2016)
Play Video

Web Payments (Chrome Dev Summit 2016)

2016/11/10
Controlling focus with tabindex -- A11ycasts #04
Play Video

Controlling focus with tabindex -- A11ycasts #04

2016/09/02
Syntax And Semantics
Play Video

Syntax And Semantics

2016/03/08
Custom Elements Everywhere (Polymer Summit 2017)
Play Video

Custom Elements Everywhere (Polymer Summit 2017)

2017/08/22
Building a Website #Day14
Play Video

Building a Website #Day14

2016/11/09
Semantics #2 - Language System and Meaning of Words
Play Video

Semantics #2 - Language System and Meaning of Words

2016/07/22
Totally Tooling Tips Holiday Special: 2017 Year in Review
Play Video

Totally Tooling Tips Holiday Special: 2017 Year in Review

2017/12/21
States and Properties in ARIA -- A11ycasts #14
Play Video

States and Properties in ARIA -- A11ycasts #14

2017/02/24
Chrome 60 - What
Play Video

Chrome 60 - What's New in DevTools

2017/07/14
How to Label Shadow DOM - A11ycasts #20
Play Video

How to Label Shadow DOM - A11ycasts #20

2017/07/07
semantic and pragmatic lecture 3 - 4
Play Video

semantic and pragmatic lecture 3 - 4

2016/04/27
SEM101 - Semantics - An Overview
Play Video

SEM101 - Semantics - An Overview

2013/03/11
A/B Test Like a Pro #1: Preparing for A/B Testing
Play Video

A/B Test Like a Pro #1: Preparing for A/B Testing

2017/10/30
Chrome 63 - What
Play Video

Chrome 63 - What's New in DevTools

2017/11/29
Santa Tracker Developer Diary #5: Saving Bandwidth With Video
Play Video

Santa Tracker Developer Diary #5: Saving Bandwidth With Video

2017/12/17
Chrome 54: Custom Elements v1, Broadcast Channel API, Foreign Fetch and more
Play Video

Chrome 54: Custom Elements v1, Broadcast Channel API, Foreign Fetch and more

2016/10/18
Powered by YouTube

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.