SlideShare a Scribd company logo
Update on accessible name
computation
Jacobo Aragunde Pérez
BlinkOn 17, November 2022
Accessible name and
description computation
W3C spec: https://www.w3.org/TR/accname-1.2/
“describes how user agents determine the names and descriptions of accessible
objects from web content languages”
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
Previously, on BlinkOn 15…
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
land around 300 new tests
file issues in the spec about corner cases and ambiguity
fix bugs
clean up implementation in Chrome
Name from hidden content
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
Name from hidden content
Spec version 1.1. “If the current node is hidden and is not directly referenced by
aria-labelledby or aria-describedby [...], return the empty string.”
Otherwise, continue name computation!
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
Directly referenced?
<input type=”text” aria-labelledby=”label”>
<div id=”label” hidden>Directly referenced
<span>Not directly referenced</span>
</div>
Expected name: “Directly referenced”
Actual name: “Directly referenced Not directly referenced”
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
Update the spec
Discussion: https://github.com/w3c/accname/issues/57
Several proposals: reuse innerText property, hide/show aria-hidden…
Spec update: https://github.com/w3c/accname/pull/150
New text:“If the current node is hidden and is not part of an aria-labelledby or
aria-describedby traversal, where the node directly referenced by that relation was
hidden [...], return the empty string.”
…and lots of comments and examples.
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
To know more
Blog post:
https://blogs.igalia.com/jaragunde/2022/10/accessible-name-computation-in-chromi
um-chapter-i-introduction
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
“There are only two hard things in Computer Science: cache invalidation and naming
things.”
Phil Karlton
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn 17 November 2022
Directly referenced?
<input type=”text” aria-labelledby=”label”>
<div id=”label” style=”visibility:hidden”>Directly referenced
<span>Not directly referenced</span>
</div>
Chrome and Firefox: “Directly referenced Not directly referenced”
WebKit: “Directly referenced”
Slide Deck Title
Presenter(s), Presentation Date
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn17 November 2022
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn17 November 2022
button, name: close
heading, name: find and replace
text entry, name: replace with
text entry, name: find
.tooltip {
visibility: hidden;
border: 1px solid;
position: relative;
right: 20px;
bottom: -20px;
background: yellow;
}
div:hover .tooltip {
visibility: visible;
}
Slide Deck Title
Presenter(s), Presentation Date
<div>Hover over me
<span class="tooltip">Tooltip text</span>
</div>
Thank you!
Update on accessible name computation
Jacobo Aragunde Pérez, BlinkOn17 November 2022
[BlinkOn17] Accessible name computation update

More Related Content

PDF
Accessible Name Calculation in Chrome
PDF
What are accessible names and why should you care?
PPTX
Siteimprove TechTalk: Demystifying Accessible Names
PDF
A deep dive into accessible names
PDF
Accessible names & descriptions
DOCX
Accessible Name and Description calculation
PPTX
HTML5 Accessibility
PPTX
Resistance is futile: Start writing accessible websites now!
Accessible Name Calculation in Chrome
What are accessible names and why should you care?
Siteimprove TechTalk: Demystifying Accessible Names
A deep dive into accessible names
Accessible names & descriptions
Accessible Name and Description calculation
HTML5 Accessibility
Resistance is futile: Start writing accessible websites now!

More from Igalia (20)

PDF
Life of a Kernel Bug Fix
PDF
Unlocking the Full Potential of WPE to Build a Successful Embedded Product
PDF
Advancing WebDriver BiDi support in WebKit
PDF
Jumping Over the Garden Wall - WPE WebKit on Android
PDF
Collective Funding, Governance and Prioritiation of Browser Engine Projects
PDF
Don't let your motivation go, save time with kworkflow
PDF
Solving the world’s (localization) problems
PDF
The Whippet Embeddable Garbage Collection Library
PDF
Nobody asks "How is JavaScript?"
PDF
Getting more juice out from your Raspberry Pi GPU
PDF
WebRTC support in WebKitGTK and WPEWebKit with GStreamer: Status update
PDF
Demystifying Temporal: A Deep Dive into JavaScript New Temporal API
PDF
CSS :has() Unlimited Power
PDF
Device-Generated Commands in Vulkan
PDF
Current state of Lavapipe: Mesa's software renderer for Vulkan
PDF
Vulkan Video is Open: Application showcase
PDF
Scheme on WebAssembly: It is happening!
PDF
EBC - A new backend compiler for etnaviv
PDF
RISC-V LLVM State of the Union
PDF
Device-Generated Commands in Vulkan
Life of a Kernel Bug Fix
Unlocking the Full Potential of WPE to Build a Successful Embedded Product
Advancing WebDriver BiDi support in WebKit
Jumping Over the Garden Wall - WPE WebKit on Android
Collective Funding, Governance and Prioritiation of Browser Engine Projects
Don't let your motivation go, save time with kworkflow
Solving the world’s (localization) problems
The Whippet Embeddable Garbage Collection Library
Nobody asks "How is JavaScript?"
Getting more juice out from your Raspberry Pi GPU
WebRTC support in WebKitGTK and WPEWebKit with GStreamer: Status update
Demystifying Temporal: A Deep Dive into JavaScript New Temporal API
CSS :has() Unlimited Power
Device-Generated Commands in Vulkan
Current state of Lavapipe: Mesa's software renderer for Vulkan
Vulkan Video is Open: Application showcase
Scheme on WebAssembly: It is happening!
EBC - A new backend compiler for etnaviv
RISC-V LLVM State of the Union
Device-Generated Commands in Vulkan

Recently uploaded (20)

PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
Spectroscopy.pptx food analysis technology
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
Machine Learning_overview_presentation.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
sap open course for s4hana steps from ECC to s4
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
Cloud computing and distributed systems.
PPTX
A Presentation on Artificial Intelligence
PDF
cuic standard and advanced reporting.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
Unlocking AI with Model Context Protocol (MCP)
Empathic Computing: Creating Shared Understanding
Digital-Transformation-Roadmap-for-Companies.pptx
Spectroscopy.pptx food analysis technology
NewMind AI Weekly Chronicles - August'25-Week II
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Programs and apps: productivity, graphics, security and other tools
A comparative analysis of optical character recognition models for extracting...
Machine Learning_overview_presentation.pptx
Chapter 3 Spatial Domain Image Processing.pdf
sap open course for s4hana steps from ECC to s4
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Cloud computing and distributed systems.
A Presentation on Artificial Intelligence
cuic standard and advanced reporting.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Building Integrated photovoltaic BIPV_UPV.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
The Rise and Fall of 3GPP – Time for a Sabbatical?

[BlinkOn17] Accessible name computation update

  • 1. Update on accessible name computation Jacobo Aragunde Pérez BlinkOn 17, November 2022
  • 2. Accessible name and description computation W3C spec: https://www.w3.org/TR/accname-1.2/ “describes how user agents determine the names and descriptions of accessible objects from web content languages” Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 3. Previously, on BlinkOn 15… Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022 land around 300 new tests file issues in the spec about corner cases and ambiguity fix bugs clean up implementation in Chrome
  • 4. Name from hidden content Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 5. Name from hidden content Spec version 1.1. “If the current node is hidden and is not directly referenced by aria-labelledby or aria-describedby [...], return the empty string.” Otherwise, continue name computation! Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 6. Directly referenced? <input type=”text” aria-labelledby=”label”> <div id=”label” hidden>Directly referenced <span>Not directly referenced</span> </div> Expected name: “Directly referenced” Actual name: “Directly referenced Not directly referenced” Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 7. Update the spec Discussion: https://github.com/w3c/accname/issues/57 Several proposals: reuse innerText property, hide/show aria-hidden… Spec update: https://github.com/w3c/accname/pull/150 New text:“If the current node is hidden and is not part of an aria-labelledby or aria-describedby traversal, where the node directly referenced by that relation was hidden [...], return the empty string.” …and lots of comments and examples. Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 8. To know more Blog post: https://blogs.igalia.com/jaragunde/2022/10/accessible-name-computation-in-chromi um-chapter-i-introduction Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 9. “There are only two hard things in Computer Science: cache invalidation and naming things.” Phil Karlton Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn 17 November 2022
  • 10. Directly referenced? <input type=”text” aria-labelledby=”label”> <div id=”label” style=”visibility:hidden”>Directly referenced <span>Not directly referenced</span> </div> Chrome and Firefox: “Directly referenced Not directly referenced” WebKit: “Directly referenced” Slide Deck Title Presenter(s), Presentation Date
  • 11. Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn17 November 2022
  • 12. Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn17 November 2022 button, name: close heading, name: find and replace text entry, name: replace with text entry, name: find
  • 13. .tooltip { visibility: hidden; border: 1px solid; position: relative; right: 20px; bottom: -20px; background: yellow; } div:hover .tooltip { visibility: visible; } Slide Deck Title Presenter(s), Presentation Date <div>Hover over me <span class="tooltip">Tooltip text</span> </div>
  • 14. Thank you! Update on accessible name computation Jacobo Aragunde Pérez, BlinkOn17 November 2022