The power of ARIA

•Download as PPTX, PDF•

0 likes•900 views

ARIA (Accessible Rich Internet Applications) is a W3C recommendation that provides attributes to make dynamic web content and user interfaces accessible. It allows assistive technologies to understand the purpose of complex controls. ARIA attributes define roles like navigation, search, and main content as well as states, live regions, drag and drop functionality, and keyboard navigation. Examples of ARIA attributes include roles for tabs, status information, buttons, menus, alerts, and list boxes. ARIA aims to make websites using advanced interfaces accessible to all users.

Technology Design

The Power of ARIA
7th February, 2012

f

Srinivasu
Chakravarthula

What is ARIA?
 ARIA – Accessible Rich Internet Applications
 Candid recommendation of W3C
 Solution to make dynamic web accessible to all

Yahoo! Confidential 2

Why ARIA?
 Websites are increasingly using advanced and complex user interface
controls
 Solution to make dynamic web accessible
 Assistive Technologies need to be able to interact with complex
controls
 Technically, WAI ARIA provides a framework for adding attributes to
identify features for user interaction

Yahoo! Confidential 3

What ARIA provides?
 Role to describe the type of widget
 Role to describe the structure of a web page
 State of the widget
 Live regions for frequently updated content
 Drag and drop functionality
 Provides keyboard navigation for objects and events

Yahoo! Confidential 4

ARIA attributes

Roles
Navigation

Search

Main

Content info

<form
action="http://search.yahoo.com/se
arch;_ylt=Ap3vRQULlUwlFx6TE6Yu
MsKbvZx4" class="search-form"
id="p_13838465-searchform"
method="get" name="sf1"
role="search”>

<div role="main" class="fp-fx" id="y-
col1">

Yahoo! Confidential 5

ARIA attributes (contd.,)
 Tab Panel
 Status
› Accessibility announcement

› Off-screen info

 Buttons

Yahoo! Confidential 6

ARIA attributes (contd.,)
 Live regions
 Menu and menu items
 Alerts
 List boxes

Yahoo! Confidential 7

Thank You!
Srinivasu
Chakravarthula
Senior Manager, Inclusive Design

srinivu@yahoo-inc.com
Twitter: @VasuTweets @YahooAccess
Y! Accessibility on FB:
facebook.com/yahooaccessibility

Yahoo! Confidential 8

The beauty of internet is in its availability and universality. However, developers are neglecting a big chunk of population when they build websites that are not accessible. In this workshop, we will talk about accessibility and how it can be achieved in the websites that we build with very little extra effort to what we have been doing all along. Organized by: Sangai Hami - Together We American Embassy nLocate | Locate things nearby

Surviving Dev Frameworks 2019

Kate Walser

Role of-engineering-best-practices-to-create-an-inclusive-web final-1

Srinivasu Chakravarthula

Managing Accessibility Compliance

Keana Lynch

Need For Web Accessibility Final

Srinivasu Chakravarthula

Need forwebaccessibility finalSrinivasu Chakravarthula

CSUN 2012: ScienceDirect Article Of The Future Collaboration

Ted Gies

Website Accessibility: The Internet is for Everyone

Carie Fisher, MS, CPWA

Website accessibility matters! There are many reasons to make your site accessible - not only will incorporating accessibility into your daily lives help people with disabilities actually be able to use your site, but it can help attract a wider audience/larger customer base, make your site rank higher with search engines, and can improve your overall user experience on both desktop and mobile devices. But how can you make your site accessible? Website accessibility is often an afterthought at the end a project when there is an accessibility audit or a user submits an issue, but what if we switched focus and started thinking about accessibility at the beginning of a project during the initial design and development stages? In this talk I will present a quick overview of website accessibility (the what, who, and why), then review the underlying guidelines to making a site accessible, and present some general rules to keep in the back of your mind while designing and developing your next site. Finally, we will review some current D7/D8 modules that can help you make your site accessible.

Build Accessibly - Community Day 2012

Karen Mardahl

Yahoo! Finance accessibility: CSUN 2011

Ted Drake

HTML 5 & Accessibility

Ted Drake

With HTML5, the web is evolving from a browser/document-based experience to a desktop-like application accessed on multiple devices. What does HTML5 mean for Web accessibility? Is accessibility compromised or enhanced with this new standard? This session will review promising new features in HTML5 that promote accessibility and discuss possible challenges ahead and advice for ensuring HTML5 accessibility.

How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities

Radek Pavlíček

London React April- r3t & a11y : This is for everyone , Shaun Dunne.

React London Community

Accessibility is often treated like a 'nice to have' or a feature, but it need not be that way. We're entering an era of custom and reusable web components where we can step away from using only what the browser vendors will give us and create our own encapsulated components to do and act the way we want them too, but we need to take a step back and ensure that our components can live happily on a platform that is accessed by 40% of the worlds population. React loves Accessibility and its not difficult to add, lets have a look how and why

Hants & I0W CILIP 05/07

Kara Jones

Midcamp2016

Carie Fisher, MS, CPWA

Website accessibility is often an afterthought at the end a project when there is an accessibility audit or a user submits an issue, but what if we switched focus and started thinking about accessibility at the beginning of a project during the initial design and development stages? In this talk I will present a quick overview of website accessibility (the what, who, and why), then review the underlying guidelines to making a site accessible, and finally present some general rules to keep in the back of your mind while designing and developing your next site. Not only will incorporating accessibility into your daily lives help people with disabilities actually be able to use your site, but it can help attract a wider audience/larger customer base, make your site rank higher with search engines, and can improve your overall user experience on both desktop and mobile devices.

Common misconceptions-on-a11ySrinivasu Chakravarthula

A11y: Why do we need it? What is WCAG? How do we work with it?

Shannon King

Using emerging technologies for open access Best practices for dissemination ...

Tiffini Travis

Ferraz Ia252 Developing An Information Architecturemferraz

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

Neo4j

Dr. Sean Tan, Head of Data Science, Changi Airport Group Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.

Similar to The power of ARIA

Web Accessibility and WCAGSrinivasu Chakravarthula

A Half Day Workshop on Building Accessible Websites For People With Disabilities

Aayush Shrestha

Surviving Dev Frameworks 2019

Kate Walser

Role of-engineering-best-practices-to-create-an-inclusive-web final-1

Srinivasu Chakravarthula

Managing Accessibility Compliance

Keana Lynch

Need For Web Accessibility Final

Srinivasu Chakravarthula

Need forwebaccessibility finalSrinivasu Chakravarthula

CSUN 2012: ScienceDirect Article Of The Future Collaboration

Ted Gies

Website Accessibility: The Internet is for Everyone

Carie Fisher, MS, CPWA

Build Accessibly - Community Day 2012

Karen Mardahl

Yahoo! Finance accessibility: CSUN 2011

Ted Drake

HTML 5 & Accessibility

Ted Drake

How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities

Radek Pavlíček

London React April- r3t & a11y : This is for everyone , Shaun Dunne.

React London Community

Hants & I0W CILIP 05/07

Kara Jones

Midcamp2016

Carie Fisher, MS, CPWA

Common misconceptions-on-a11ySrinivasu Chakravarthula

A11y: Why do we need it? What is WCAG? How do we work with it?

Shannon King

Using emerging technologies for open access Best practices for dissemination ...

Tiffini Travis

Ferraz Ia252 Developing An Information Architecturemferraz

Similar to The power of ARIA (20)

Web Accessibility and WCAG

A Half Day Workshop on Building Accessible Websites For People With Disabilities

Surviving Dev Frameworks 2019

Role of-engineering-best-practices-to-create-an-inclusive-web final-1

Managing Accessibility Compliance

Need For Web Accessibility Final

Need forwebaccessibility final

CSUN 2012: ScienceDirect Article Of The Future Collaboration

Website Accessibility: The Internet is for Everyone

Build Accessibly - Community Day 2012

Yahoo! Finance accessibility: CSUN 2011

HTML 5 & Accessibility

How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities

London React April- r3t & a11y : This is for everyone , Shaun Dunne.

Hants & I0W CILIP 05/07

Midcamp2016

Common misconceptions-on-a11y

A11y: Why do we need it? What is WCAG? How do we work with it?

Using emerging technologies for open access Best practices for dissemination ...

Ferraz Ia252 Developing An Information Architecture

Recently uploaded

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

Neo4j

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Aggregage

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

The Art of the Pitch: WordPress Relationships and Sales

Laura Byrne

Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes? All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

By Design, not by Accident - Agile Venture Bolzano 2024

Pierluigi Pugliese

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Uni Systems S.M.S.A.

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

nkrafacyberclub

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

RESUME BUILDER APPLICATION Project for students

KAMESHS29

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

Recently uploaded (20)

UiPath Test Automation using UiPath Test Suite series, part 6

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

20240607 QFM018 Elixir Reading List May 2024

Generative AI Deep Dive: Advancing from Proof of Concept to Production

PCI PIN Basics Webinar from the Controlcase Team

The Art of the Pitch: WordPress Relationships and Sales

Epistemic Interaction - tuning interfaces to provide information for AI support

Essentials of Automations: The Art of Triggers and Actions in FME

By Design, not by Accident - Agile Venture Bolzano 2024

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Pushing the limits of ePRTC: 100ns holdover for 100 days

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Microsoft - Power Platform_G.Aspiotis.pdf

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

Video Streaming: Then, Now, and in the Future

RESUME BUILDER APPLICATION Project for students

Securing your Kubernetes cluster_ a step-by-step guide to success !

The power of ARIA

1. The Power of ARIA 7th February, 2012 f Srinivasu Chakravarthula

2. What is ARIA?  ARIA – Accessible Rich Internet Applications  Candid recommendation of W3C  Solution to make dynamic web accessible to all Yahoo! Confidential 2

3. Why ARIA?  Websites are increasingly using advanced and complex user interface controls  Solution to make dynamic web accessible  Assistive Technologies need to be able to interact with complex controls  Technically, WAI ARIA provides a framework for adding attributes to identify features for user interaction Yahoo! Confidential 3

4. What ARIA provides?  Role to describe the type of widget  Role to describe the structure of a web page  State of the widget  Live regions for frequently updated content  Drag and drop functionality  Provides keyboard navigation for objects and events Yahoo! Confidential 4

5. ARIA attributes Roles Navigation Search Main Content info <form action="http://search.yahoo.com/se arch;_ylt=Ap3vRQULlUwlFx6TE6Yu MsKbvZx4" class="search-form" id="p_13838465-searchform" method="get" name="sf1" role="search”> <div role="main" class="fp-fx" id="y- col1"> Yahoo! Confidential 5

6. ARIA attributes (contd.,)  Tab Panel  Status › Accessibility announcement › Off-screen info  Buttons Yahoo! Confidential 6

7. ARIA attributes (contd.,)  Live regions  Menu and menu items  Alerts  List boxes Yahoo! Confidential 7

8. Thank You! Srinivasu Chakravarthula Senior Manager, Inclusive Design srinivu@yahoo-inc.com Twitter: @VasuTweets @YahooAccess Y! Accessibility on FB: facebook.com/yahooaccessibility Yahoo! Confidential 8

The power of ARIA

Recommended

Recommended

More Related Content

Similar to The power of ARIA

Similar to The power of ARIA (20)

Recently uploaded

Recently uploaded (20)

The power of ARIA