This presentation highlights common accessibility issues in modern web applications and how YUI makes it easy to build accessible, dynamic applications. You will learn about ARIA, focus management, and keyboard accessibility. The presentation will show how the Yahoo registration form uses YUI and accessibility best practices to make sure everyone can enjoy Yahoo products. You will learn how YUI's node and focus management makes it easy to build sophisticated, accessible interactions.
An introduction to using Lean Startup principles in your social good organization, presented by Lean Impact in partnership with Indiegogo, Change.org and Eventbrite.
Studentervæksthus Aarhus, TEMA: Snapchat. Speaker v. onsdagsmorgenmøde 01.06...AU INCUBATOR
Et oplæg der afdækker følgende spørgsmål:
Iværksætteri og Snapchat?
Hvem bruger Snapchat?
Hvorfor være på Snapchat som iværksætter?
Hvorfor holde sig fra Snapchat som iværksætter?
Hvem skal jeg følge?
Hvilken 'værdi' skal jeg poste?
ERFA gruppe, hvor er der mere inspiration?
Zece etaje de strategie pentru campaniile PPC in imobiliareDragos Smeu
10 etaje, 10 vecini, 10 directii pentru campaniile tale PPC pentru sectorul imobiliar
Mai multe detalii despre campanii si strategii PPC gasesti pe blogul meu: http://smeu.ro/
Tentu saja Anda sering mendengar term "influencer" kan? Atau Anda adalah seorang Influencer? Berikut adalah cara untuk memanfaatkan influence Anda, lihat lebih lengkapnya di slide!
Află cum poți folosi aplicația Odoo pentru a-ți motiva și evalua angajații. Află cum să creezi o provocare și să o atribui unui angajat sau unei echipe, iar apoi monitorizează progresul.
אנחנו חיים בעולם מרובה ערוצים, מרובה מסכים, מרובה רשתות... המון קורה ובקצב מהיר. כולנו רוצים להיות מעודכנים בהכל עכשיו ומיד אבל בפועל אין לנו זמן... מקסימום יכולים לתפוס את ה"צינור".
בדיוק לשם כך, מחלקת מחקר אסטרטגי יצרה עבורכם את Spot‘it- סקירה שבועית שתאפשר לכם בצורה הפשוטה והקלה ביותר להתעדכן תוך מספר דקות בכל מה שחם ומעורר השראה בתרבות האינטרנט העכשווית.
ה-כול החל מסרטוני הרשת הוויראליים ביותר, פרסומות ומהלכים שיווקיים מעוררי השראה, הקליפים הנצפים ביותר, תכניות הטלוויזיה הכי מדוברות, הסרטים הכי חדשים ועוד, ועוד, ועוד...
IN RE 3DCAD, EDA, PLM/PDM sprendimai LietuvojeIN RE UAB
Diegiame ir aptarnaujame CAD / EDA / CAM / CAE / PLM sistemas gaminio kūrimui, inžineriniam projektavimui, konstravimui, gamybos paruošimui ir valdymui Dassault Systemes 3DEXPERIENCE SOLIDWORKS bazėje; atliekame sistemų integravimą, sprendžiame įmonių kompleksinės automatizacijos uždavinius, kompiuterinio projektavimo ir gamybos uždavinius.
CV - Jen Campbell, Data Storyteller and Chart/graph loverJen Campbell
This document appears to be a portfolio or resume for Jen Campbell, who works as a communications strategist. Some key details:
- Jen has over 15 years of experience in strategic communications roles across the Australian public sector, including with the Departments of Industry, Climate Change, and Prime Minister and Cabinet.
- She helps policy teams craft clear, compelling messages and presents data in a visually effective way through tools like charts and graphs.
- Jen's portfolio provides examples of her work helping organizations communicate complex information simply and strategically, including through data storytelling techniques.
A small introduction about WAI-ARIA where I show its 5 rules and 2 related attributes to improve the web accessibilty into the world. Helped by some facts related to the status of Web accessibility.
Talk had at the FrontEnders Ticino monthly meetup in Bellinzona (Switzerland) on the Global Accessibility Awareness Day (official supporter)
With third party clients connecting to your service you may find that the assumptions or opinions of a typical rails application are not robust enough. We'll run through some key considerations when building an API that will be consumed by a mobile app.
jQuery: Accessibility, Mobile und ResponsivePeter Rozek
The document summarizes a presentation on accessibility, mobile design, and responsive design given at the 2015 jQuery Conference in Berlin. It discusses how these topics are related but not the same, and provides examples of how to design for them individually and together. Key points include that responsive design helps with accessibility but does not ensure it, and that content should be accessible on any device without barriers.
Web access for users with disabilities is an important goal and challenging problem for web content developers and designers.
Essential open source api projects to ease the developing & testing for web accessibility.
Build a video chat application with twilio, rails, and javascript (part 1)Katy Slemon
Build your own video chat application with Twilio, Rails, and JavaScript in this tutorial. Learn with an example so that you can video chat with anyone easily.
The document provides advice for writing documentation based on Hemingway's writing style. It recommends focusing documentation on intermediate users trying to become experts, and accounting for different learning styles like visual and kinesthetic. Key advice includes being minimalist with words, using present tense, preferring shorter words, being direct, making information stick through formatting and diagrams, writing for everyone by avoiding cultural references, and testing documentation through peer review.
A short introduction to Accessibility API and then a look at what pitfalls JavaScript frameworks have due to the way they talk to the DOM - Talk given at Code Melbourne in 2017
- Live Source is a new technology that clarifies source code into an easy to read summary, allowing stakeholders and programmers to work together more effectively.
- It integrates user stories and tasks more closely with the codebase, and allows source code to serve as documentation, communication, planning, and metrics.
- The toolkit is available online for demonstration through a tic tac toe game, and allows viewing code summaries, editing documentation, and requesting features from programmers.
Reinventing Identity and Social Graphs with DigitsRomain Huet
Increasingly, the phone number is the primary identifier for an individual. In developing markets, it’s the only identifier. Digits is a new way for your users to sign in to their apps and websites without using a password. Simple and safe to use, Digits requires only a phone number. With Friend Finding, Digits is also reinventing social graphs with the one everyone has on their phone: the address book.
audio, video and canvas in HTML5 - standards>next Manchester 29.09.2010Patrick Lauke
Part II of the standards-next.org workshop on HTML5 with Bruce Lawson, concentrating on audio, video and canvas (plus hints of additional HTML5 API niceness)
Rails Plugins - Linux For You, March 2011 IssueSagar Arlekar
'Linux For You' article by http://foodlets.in founders Govind Naroji and Sagar Arlekar.
This is a tutorial on will_paginate (pagination), authlogic + omniauth (authentication) and paperclip (file attachments) plugins.
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018Patrick Lauke
This document provides an introduction to Accessible Rich Internet Applications (WAI-ARIA). It discusses the need for ARIA to make complex web applications accessible, common ARIA roles and attributes, and best practices for using ARIA. Key points include: ARIA defines roles, states and properties to convey semantics to assistive technologies; common roles include buttons, toggles, and landmarks; and the five rules of ARIA use emphasize using native HTML when possible and ensuring interactive elements are keyboard accessible.
This document summarizes various features and APIs available for mobile web development. It discusses viewport meta tags, touch events, gesture events, media queries, and device features like the device pixel ratio and connection type. It also lists some popular mobile JavaScript libraries. The document provides code examples for touch, gesture, and device motion events.
This document discusses designing skills for the Amazon Echo Show. It provides templates and best practices for using the Echo Show's screen in skills. It outlines the Echo Show's features like its touch screen and camera. It also describes the different template types that can be used to display text, images, lists and videos on the screen. Additionally, it discusses voice control of the screen and supported markup for text display. Best practices recommended include determining the device's supported interfaces and making content visible from a distance since users may not be near the Echo Show.
The <embed> tag is used to insert interactive multimedia content like videos, audio, and slideshows into an HTML page. It allows web designers to embed objects like Flash animations to create engaging experiences for visitors. Common attributes for the <embed> tag specify properties like height, width, and multimedia source and type. Code examples demonstrate how to embed a YouTube video using <embed> and other tags.
HTML5 APIs - native multimedia support and beyond - University of Leeds 05.05...Patrick Lauke
This document provides an overview of various HTML5 APIs for multimedia, including native <video> and <audio> elements, the <canvas> element for scriptable graphics, and geolocation APIs. It discusses key considerations around supporting different media formats in <video> and <audio> and controlling media playback via JavaScript. The document also briefly introduces other HTML5 APIs for offline applications, local storage, and databases. It emphasizes the importance of feature detection over browser sniffing for progressive enhancement.
Creating a Simple, Accessible On/Off SwitchRuss Weakley
Have you ever tried to style checkboxes or radio buttons and ended up pulling your hair out? This presentation will explore a few simple tricks that can be used to style checkboxes and radio buttons. In this case, we will make them look like an on/off switch.
This talk will look at a range of common application components and how they can be made accessible - quickly and easily - for all users. We'll look at how to notify users when changing the DOM after page load. We will also look in-depth at accessible form validation, modal windows and adding additional information for screen reader users.
This presentation for AllyCamp 2020, looks at accessible names, how they are exposed in the browsers accessibility tree, and their importance to assistive technologies. There is also a deep dive into simple examples, advanced examples using ARIA, and an overview of the W3C's Accessible Name and Description Computation.
Similar to YUI + Accessibility: Welcome the whole world (20)
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
Historically, accessibility specialists focused on a narrow set of disabilities. We focused on the senses, such as sight, sound, and touch. We focused on abilities, like hearing, movement, and seeing.
We expanded to include cognitive, mental health, and neurodiversity. This is significant. We now have tools to build inclusive products and services for an estimated 25% of the population. What about the other 75%?
As accessibility professionals, we understand unique experiences and needs. We are best equipped to expand customer research and design at our companies. Universal design was described as a one size fits all solution. Inclusive design is one size fits one. Intersectional design is one size fits one, but also accounts for price, texture, availability, cultural appropriateness, and more.
This presentation introduces the next layer of inclusive design; one that recognizes trauma.
Trauma-Informed Design (TID) started in education, health, and community spaces. It focuses on the person’s experiences, recognizing trauma’s impact, anxiety, and restoring personal control. Architects embraced TID to develop spaces that are comfortable instead of confrontive.
While the earlier stages of TID focused on individualized experiences, we can still take the principles and apply them to web and mobile application design. This is especially critical for emerging AI powered experiences where transparency and collective understanding are rarely considered.
Transforming Accessibility one lunch at a tiime - CSUN 2023Ted Drake
Try to remember March 2020. The COVID epidemic was raging and businesses sent everyone home to work remotely. Ted Drake and Sagar Barbhaya were at the 2020 CSUN ATC conference. Returning to our homes, we wondered if we could continue the energy and curiosity found at a conference, only transforming it for a virtual work environment. The following week, we launched Intuit’s Zoom-based Accessibility Lunch and Learn series. It was an experiment planned to last only a few weeks. We reached out to our Accessibility Champion network and quickly arranged daily lectures, mostly based on presentations already given at onboarding and other training events. As the epidemic grew, we turned inward and focused less on accessibility and more on our mental health, living with a disability, and celebrating our diversity. The key transformation came with a talk about sobriety in the workplace. The speaker’s courage to discuss her journey led to heartfelt conversations about mental health, the loss of community, and the struggle where colleagues were trying to encourage hope with “happy hours” and alcohol-related team building activities. This presentation led to immediate improvements in our workplace language and pandemic policies. It also showed a lunch and learn was more than a lecture. It could be the community we were aching for. With more than 100 presentations and thousands of participants, we continue to learn something new every week.
Inclusive Design for cognitive disabilities, neurodiversity, and chronic illnessTed Drake
Learn how to design for people with short term memory loss, problems focusing on a task, struggling with anxiety, and dealing with chronic pain. This presentation will introduce you to the people you need to include in your designs. You will also have clear action items for inclusive design.
This talk was presented at the San Diego Accessibility Meetup on August 1, 2022. It explains the basics of affordances, signifiers, cognitive load, and how we can design to reduce the effort needed by our customers to understand and use our products. This also includes updated information on Long COVID and why we need to focus more of our attention on cognitive accessibilty.
Covid 19, brain fog, and inclusive designTed Drake
1. The document discusses Long COVID and brain fog, which can occur in some people after a COVID-19 infection. Symptoms can include shortness of breath, fatigue, joint pain, changes in smell/taste, brain fog, anxiety, and inability to focus. Approximately 20% of COVID patients experience long-term symptoms.
2. The document shares experiences of people living with long COVID and brain fog symptoms. This includes difficulty concentrating, short-term memory loss, anxiety and panic attacks.
3. The document discusses designing inclusively for those with long COVID. This includes minimizing cognitive load, using recognition over recall, highlighting selections, and following guidelines like WCAG that promote cognitive accessibility. A
Automated accessibility testing can greatly improve the product experience by empowering developers and designers to eliminate repetitive, mundane errors and focus on the challenging and interesting elements. This presentation focuses on the customer experience and how it can be improved by using automated testing throughout the software development cycle.
Ask any accessibility leader about accessible colors and they’ll wince from the pain of struggling for a solution. Why is it so difficult to ensure your product meets WCAG 2.1 AA color contrast requirements? Ted Drake, Intuit’s Global Accessibility Leader, will explain the basics of color accessibility requirements. He will also talk about the conflict of overlapping requirements, dealing with brand colors, using color to denote hierarchy of information, and instances where adequate contrast impedes readability. You will have a better understanding of why accessible color usage is a journey and strategies for making continual progress.
About the Speaker – Ted Drake
Photo of Ted Drake
Ted Drake is the Global Accessibility Leader for Intuit, a financial software company. Intuit’s small and centralized accessibility team has created a culture of inclusive development and design with more than 600 champions. Customer interviews and feedback is key to their development.
Ted started working in accessibility almost 20 years ago, when he was the web site manager for the San Diego Museum of Art. He was also an early adopter of standards-based web development, which treated accessibility as core to engineering. While at Yahoo!, Ted was a front-end engineer, developer evangelist, and co-founded Yahoo’s Accessibility Lab. Ted’s benefited from ample International travel, including many trips to India and two years working out of Europe. Connect with Ted Drake on linkedin.
This presentation is for the Hello A11y conference celebrating Global Accessibility Awareness Day 2020. It introduces how artificial intelligence and machine learning is being used in assistive technology for people with disabilities.
Expand your outreach with an accessibility champions program Ted Drake
This document discusses Intuit's Accessibility Champion program, which aims to increase accessibility engagement and knowledge across the company. It outlines three levels of the program - Getting Started, Build Empathy, and Subject Matter Expert. Level 1 focuses on basic awareness training. Level 2 trains on empathy and auditing. Level 3 develops expertise through documentation, training, and certification. The program provides recognition, resources, and rewards to champions at each level to encourage participation and accessibility leadership across teams.
Intuit's Accessibility Champion Program - Coaching and Celebrating Ted Drake
This presentation was created for the Accessibility Online webinar series. It explains the goal of Intuit's Accessibility Champion program and explains the steps and successes of this program. The presentation will help you set up a similar problem at your company. Get the full details at this article: http://www.last-child.com/intuits-accessibility-champion-program/
This presentation was created for the Rotary Club of San Francisco to highlight research being done today for assistive technology and how it could appear in mainstream products and services in the future.
Inclusive customer interviews make it your friday taskTed Drake
Customer research has been a core part of Intuit from the earliest days of the company. In the 1980’s Intuit engineers would hang out at computer stores to find people buying Quicken software and ask if they could follow them home to watch their installation process to learn
about pain points and opportunities. Kurt Walecki, Intuit VP of Design, described the importance:
From the very beginning, Intuit has done user research both to understand how customers are using their current products and to identify customers’ unmet needs, allowing them to introduce new products to the market to satisfy them.
Every product and team at Intuit uses customer research and interviews to design and build products and new functionality. Intuit’s use of Lean Startup includesthe mantra “fall in love with
the problem, not the solution”
.
The goal is to understand the customer’s pain points and missed opportunities first, expand on the problem, build prototypes, continually review with the customer to test solutions, and then promote it to a product feature. This customer focus ensures the product grows with useful features and doesn’t bloat with unnecessary technology.
Coaching and Celebrating Accessibility ChampionsTed Drake
Accessibility is
extremely
impor
t
ant
when it comes to developing applications. It is the
right of every customer to get the same experience when they interact with a product and
disability is something t
hat should never come in the way.
Engineers are the folks
responsible for making this hap
pen and hence it is extremely important for them to
be
motivated and passionate around this technology. Let us learn how Intuit does this.
Accessibility statements and resource publishing best practices csun 2019Ted Drake
Accessibility features, products and services are of limited benefit if
consumers do not know
what is available, or how to access and use them. Companies that have taken the step of
creating a website focused on accessibility are reaching out to users who need that
information. Knowing the essential components to provide a sup
portive and positive
experience for users with disabilities will enable companies to develop or improve their
accessibility websites.
Intuit is in the process of developing an acc
essibility statement and resource center.
Rather
than reinvent the wheel, decided to research what other technology, e
-
commerce, finance,
transportation, and educational companies have done to see what works and what does not.
Raising Accessibility Awareness at IntuitTed Drake
This presentation was given for the Bay Area Accessibility and Inclusive Design Meetup group to share Intuit's journey to expand accessibility education and ownership.
This document summarizes a presentation on accessibility and inclusive design. It discusses building products with and for people with disabilities to benefit all users. It provides examples of companies designing inclusively, like Amazon's focus on accessibility first and Nike's FlyEase shoes. The presentation encourages attendees to data mine for hidden customer feedback, reach out to diverse customer groups, test content for readability, and use resources like Microsoft's Inclusive Design Toolkit.
Matt May tweeted an observation in 2016 introducing Trickle-Down Accessibility and recognized prioritizing our blind customers could lead to less support for others.
Focusing on screen reader accessibility has distinct advantages for product developers. If your application works with a screen reader, it should also be usable with a keyboard, voice recognition, and switch control devices. Screen reader accessibility also falls in line with automated testing tools.
However, there are many disabilities, and assistive technologies, that are not necessarily benefited by this focus on the blind/low-vision community. Color contrast, closed captioning, readability, consistency in design, user customization, session timeouts, and animation distraction are just a few examples of concerns that often go unaddressed.
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Ted Drake
Accessible version: http://www.last-child.com/a11y-data-metrics/
Learn how top companies are tracking and graphing product accessibility progress and incorporating data from automated, manual, and user testing to create management dashboards.
Mystery Meat 2.0 – Making hidden mobile interactions accessibleTed Drake
Mystery Meat was the unsavory term for hiding menus behind a parent link. Learn about today’s mobile version and how to make it accessible.
Accessible version: http://www.last-child.com/mystery-meat-2-accessible/
React Native Accessibility - San Diego React and React Native MeetupTed Drake
This presentation was created by Poonam Tathavadkar and Ted Drake for the San Diego React and React Native meetup to introduce mobile accessibility and how to use React Native's functions to build accessible Android and iOS applications.
How RPA Help in the Transportation and Logistics Industry.pptxSynapseIndia
Revolutionize your transportation processes with our cutting-edge RPA software. Automate repetitive tasks, reduce costs, and enhance efficiency in the logistics sector with our advanced solutions.
Mitigating the Impact of State Management in Cloud Stream Processing SystemsScyllaDB
Stream processing is a crucial component of modern data infrastructure, but constructing an efficient and scalable stream processing system can be challenging. Decoupling compute and storage architecture has emerged as an effective solution to these challenges, but it can introduce high latency issues, especially when dealing with complex continuous queries that necessitate managing extra-large internal states.
In this talk, we focus on addressing the high latency issues associated with S3 storage in stream processing systems that employ a decoupled compute and storage architecture. We delve into the root causes of latency in this context and explore various techniques to minimize the impact of S3 latency on stream processing performance. Our proposed approach is to implement a tiered storage mechanism that leverages a blend of high-performance and low-cost storage tiers to reduce data movement between the compute and storage layers while maintaining efficient processing.
Throughout the talk, we will present experimental results that demonstrate the effectiveness of our approach in mitigating the impact of S3 latency on stream processing. By the end of the talk, attendees will have gained insights into how to optimize their stream processing systems for reduced latency and improved cost-efficiency.
7 Most Powerful Solar Storms in the History of Earth.pdfEnterprise Wired
Solar Storms (Geo Magnetic Storms) are the motion of accelerated charged particles in the solar environment with high velocities due to the coronal mass ejection (CME).
Best Programming Language for Civil EngineersAwais Yaseen
The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era.
Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.
How Social Media Hackers Help You to See Your Wife's Message.pdfHackersList
In the modern digital era, social media platforms have become integral to our daily lives. These platforms, including Facebook, Instagram, WhatsApp, and Snapchat, offer countless ways to connect, share, and communicate.
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Bert Blevins
Today’s digitally connected world presents a wide range of security challenges for enterprises. Insider security threats are particularly noteworthy because they have the potential to cause significant harm. Unlike external threats, insider risks originate from within the company, making them more subtle and challenging to identify. This blog aims to provide a comprehensive understanding of insider security threats, including their types, examples, effects, and mitigation techniques.
Best Practices for Effectively Running dbt in Airflow.pdfTatiana Al-Chueyr
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxSynapseIndia
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
Measuring the Impact of Network Latency at TwitterScyllaDB
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Erasmo Purificato
Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)
An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)
Coordinate Systems in FME 101 - Webinar SlidesSafe Software
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfNeo4j
Presented at Gartner Data & Analytics, London Maty 2024. BT Group has used the Neo4j Graph Database to enable impressive digital transformation programs over the last 6 years. By re-imagining their operational support systems to adopt self-serve and data lead principles they have substantially reduced the number of applications and complexity of their operations. The result has been a substantial reduction in risk and costs while improving time to value, innovation, and process automation. Join this session to hear their story, the lessons they learned along the way and how their future innovation plans include the exploration of uses of EKG + Generative AI.
1. Accessibility
+ YUI
Sarbbottam | Ted Drake
YUI Conf 2013
This presentation was created for the YUI Conference, November 2013 by Sarbbottam and Ted Drake.
Sample code is available at https://github.com/sarbbottam/a11y/
Bruce Lee toy photos courtesy [CC] images by Shaun Wong on Flickr.
This page: http://www.flickr.com/photos/shaunwong/3227840657/
2. “Mistakes are always
forgivable, if one has the
courage to admit them.”
― Bruce Lee
Inaccessible web sites are usually caused by ignorance rather than bad intentions. This presentation will introduce
what is needed for accessibility and how Sarbbottam used ARIA, JavaScript, Progressive Enhancement, and
semantic HTML to create a truly accessible and dynamic form. This will help you with your projects as well.
http://www.flickr.com/photos/shaunwong/3228685330/
3. Perceivable
Operable
Understandable
Robust
The WCAG 2.0 accessibility specifications focus on the user’s experience. It distills this to 4 key factors.
Essentially, the user needs to know
•what is on the page,
•be able to focus on the content,
•interact with the objects, and
•the product should work with all combinations of browsers, devices, and assistive technology.
5. Action
Now that we have the basics for accessibility, let’s look at how Sarbottam created a visually dynamic form that
provides ample feedback for screen reader users.
This form includes:
progressive enhancement (works without javascript).
Everything is keyboard accessible
Works in multi-language/direction/keyboard
Let’s look at how a screen reader interprets our sample form.
http://www.flickr.com/photos/shaunwong/3122450484/
6. Watch for the following elements in this video:
•Each form input has clearly defined label, state, and properties, i.e required.
•The screen reader lets the user know how to interact with dropdown components
•Screen changes are announced to the user.
This video shows the complete form experience.
http://sarbbottam.github.io/a11y/html/accessible-form.html
It is on YouTube: http://youtu.be/etPAG-Ij10o
7. Watch for the following elements in this video:
•Each form input has clearly defined label, state, and properties, i.e required.
•The screen reader lets the user know how to interact with dropdown components
•Screen changes are announced to the user.
This video shows the complete form experience.
http://sarbbottam.github.io/a11y/html/accessible-form.html
It is on YouTube: http://youtu.be/etPAG-Ij10o
8. Drop Down
This dropdown button uses background images for the flag and triangle. The only text node is the country code
value. But is this enough for a user?
This dropdown updates the button’s aria-label to let the user know the button’s intention. Further, after the user
has chosen a country, the aria-label is updated to show it’s selected value.
9. What is this button?
This button includes a flag, a triangle, and the text “+81”.
The flag and triangle are using spans with background images.
What does the +81 mean?
How can the user know exactly what this will do?
10. <a
href="#foo"
role="button"
aria-haspopup="true"
aria-label="Hong Kong (+852) Country Code
for optional recovery phone number">
<span class="flag-hk"></span>
<span class="drop-down-arrow-container">
<span class="drop-down-arrow"></span>
</span> +852
</a>
Many times people assume their background image is providing enough information. However, this is just a blank
span for the screen reader user.
The dropdown button is clearly labeled with the country name, the phone number extension, and the context
(optional phone number).
Further, the user knows this will generate a menu via the aria-haspopup=”true” attribute.
The aria-label attribute is updated when the user selects a new value.
11. This video shows how the dropdown button is announced as a pupup button with the full information.
This interaction uses onkeydown to grab the arrow keys. onkeypress was exact character code of the key pressed.
This was a problem with international keyboards.
Escape key closes the drop down and is announced as the help text. See the aria practices: #focus_tabindex
12. This video shows how the dropdown button is announced as a pupup button with the full information.
This interaction uses onkeydown to grab the arrow keys. onkeypress was exact character code of the key pressed.
This was a problem with international keyboards.
Escape key closes the drop down and is announced as the help text. See the aria practices: #focus_tabindex
13. Live Regions
ARIA live regions trigger screen readers to announce content when it changes on the screen. This could be when
an object is given display:block, when content is inserted via innerHTML, or similar moments.
Live region documentation: http://www.w3.org/WAI/PF/aria-practices/#liveprops
http://www.flickr.com/photos/shaunwong/3122447886/
17. This video shows how the password strength indicator is announced as the user enters their
password.
18. This video shows how the password strength indicator is announced as the user enters their
password.
19. Username
Suggestions
The username suggestions dropdown uses aria to define the label and possible error messages.
The suggestions have the menu role.
Using live regions, a hidden div is used to surface suggested usernames as the user arrows through the choices.
http://www.flickr.com/photos/shaunwong/3122449436/
22. highlightSuggestion : function(suggestion) {
var readOutText = suggestion.get('innerHTML');
suggestion && suggestion.addClass('suggestions-hovered');
if(this.selectedIndex === this.list.length - 1) {
readOutText += this.endOfsuggestionsMessage;
}
this.suggestionsReadOutContainer.set('innerHTML',
readOutText);
},
This JS snippet shows how the content is inserted into the live region via innerHTML.
24. This video shows how the username suggestions give the user information on available
options and how to navigate
25. This video shows how the username suggestions give the user information on available
options and how to navigate
26. Validation
This form includes some basic form validation.
When an input has been defined as invalid, we will add the aria-invalid=”true” attribute
27. <input
type="text"
aria-required="true"
aria-describedby="name-message"
placeholder="First name"
aria-labelledby="first-name-label">
<p
id="name-message"
aria-live="polite"
aria-atomic="false"
aria-relevant="all"></p>
The input is connected to the error message container via aria-describedby.
The paragraph container has aria-live=”assertive” to announce the error message when it is
populated.
28. <input
type="text"
aria-required="true"
aria-describedby="name-message"
placeholder="First name"
aria-invalid= "true"
aria-labelledby="first-name-label">
<p
id="name-message"
aria-live="polite"
aria-atomic="false"
aria-relevant="all">
Enter Name
</p>
Add aria-invalid=”true” to the input when it is defined as invalid.
The error message will be announced as soon as it is populated due to the aria-live attribute.
The error message will also be announced when the user places focus in the input.
29. This video shows the First and last name inputs.
The initial focus announces the placeholder, label, and the required state.
It also shows the error state inputs are announced as invalid and the error message is read as the help text.
NVDA and JAWS on windows will announce the error message without the delay.
30. This video shows the First and last name inputs.
The initial focus announces the placeholder, label, and the required state.
It also shows the error state inputs are announced as invalid and the error message is read as the help text.
NVDA and JAWS on windows will announce the error message without the delay.
31. Accessibility is built into
all YUI widgets
All YUI widgets include ARIA, Keyboard accessibility, and HTML best practices.
Use these with confidence. http://yuilibrary.com/
Please note: 3rd party components within the gallery may not be accessible.