Believe it or not, accessibility is more than just screen readers. There's a whole group of users who only use a keyboard (without a mouse). Learn how to make the web a friendly place for all kinds of people by ensuring keyboard accessibility.
The document discusses different types of controls used in graphical user interfaces, including buttons, selection controls, entry fields, and displays. It covers imperative controls that perform actions, selective controls that allow toggling options on or off, and entry controls for entering bounded or unbounded text. The document also briefly mentions menus and design principles for ensuring intuitive interfaces.
This document discusses embedding videos and interactive tools in PowerPoint presentations. It explains how to "really embed" a video so it can be controlled directly from the slide. Full embedding allows for fast forwarding, rewinding and playing/pausing of the video. The document also discusses using interactive tools like highlighting, circling and annotating on slides during a presentation to make it more engaging.
This presentation covers the basics of how users of screen readers interact with widgets. The goals of this presentation are:
1) Make you comfortable enough with using screen readers so that you have a basic understanding of the types of information users need/expect to hear for widgets.
2) Make you familiar with the common keyboard patterns used for existing widgets on the web and the desktop.
Use the information in this presentation as a foundation for implementing expected keyboard shortcuts for custom widgets as well as for learning how test custom widgets you develop for the web using JavaScript.
Slides which focuses on 8 of the WCAG 2.1 requirements for designers: reflow, text spacing, non-text contrast, content on hover or focus, pointer gesture, target size, label in name, status message.
Tips for building fast multi touch enabled web sitesAspenware
Modern browsers take huge strides to enable multi-touch browsing. They also include many new HTML5 enabled capabilities that speed up the web and provide a more interactive experience. Internet Explorer has made huge strides in these areas. As web application designers \developers, we need to understand these capabilities and build our applications to take advantage of them. This session will define these new capabilities and provide some tips and tricks on how to use them effectively in your web applications.
Lessons learned:
*The new multi-touch enabled capabilities of modern browsers
*The new HTML5\CSS3 capabilities of modern browsers
*Tips and Tricks for using these capabilities
Modern browsers take huge strides to enable multi-touch browsing. They also include many new HTML5 enabled capabilities that speed up the web and provide a more interactive experience. As web application designers\developers, we need to understand these capabilities and build our application to take advantage of them. This sessions will define these new capabilities and provide some tips and tricks on how to use them effectively in your web applications.
Objectives/Outcomes:
• Tips and Tricks for optimizing your web site’s performance
• The new multi-touch enabled capabilities of IE 10
• The new HTML5\CSS3 capabilities of IE 10
• Tips and Tricks for using these capabilities
Presented By: Ben Hoelting | Software Architect at Aspenware
The document provides tips for creating effective PowerPoint presentations including keeping slide counts low, using large readable fonts, simplifying content with bullet points and short phrases, limiting words and lines per slide, using visuals like charts and graphs instead of tables, maintaining a consistent design with uniform styles, and employing proper contrast between text and background colors. It also discusses adding animation effects for object entrances, exits, emphasis, and motion paths as well as applying transitions between slides.
From jQuery San Diego, held Feb 12-13 2014, my talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. The goal is to demystify accessibility so we can weave it in to applications today.
The document provides tips and shortcuts for multi-tasking and navigating Windows. It discusses enabling quick launch, dragging programs to the taskbar, minimizing windows, showing the desktop, navigating between open files, minimizing all windows with Windows key + M, organizing the start menu, using Ctrl+Alt+Del, using internet explorer shortcuts like new tabs and favorites, scrolling web pages, maximizing pages with F11, and accessing free education resources from Microsoft.
NOTE many of these slides used animated GIFs which did not survive PDF export.
A talk about the cost and accessibility of custom HTML components, compared with native HTML elements.
Reminder that most of the CSS isn't useful, it just matches Chrome (Windows) default design. In realistic scenarios you will be creating a custom design.
In that custom design you need to handle static, focus, hover, active and disabled states; and set cursor and user-select.
This document provides a summary of a presentation on web accessibility for developers. It discusses:
1) An introduction to key concepts of accessibility including standards like WCAG 2.0 and how accessibility improves usability for all users.
2) Techniques developers can implement to make their sites more accessible, such as following keyboard navigation best practices, ensuring visual elements have adequate color contrast, and properly labeling form fields.
3) An introduction to screen readers and how they interact with web content, emphasizing the importance of semantic HTML and best practices like ARIA roles, states and properties for custom interactive elements.
DHTML is not a language but a term that describes making dynamic and interactive web pages by combining HTML, JavaScript, CSS, and the HTML DOM. Events are user actions like mouse clicks or keyboard presses. Event handlers catch these events and execute code in response. There are different types of events for windows, mouse, keyboard, and forms. Events can be used with functions to trigger dynamic behaviors - for example, displaying an alert on the mouseover event or changing text on a click. Buttons and other elements can trigger functions through events to create interactive experiences.
5 free tools for web accessibility testingJohn McNabb
The document discusses 5 free tools for testing web accessibility: 1) Keyboard testing to check tab order and focus styles, 2) Windows Magnifier to test zooming, 3) Colour Contrast Analyser to check text contrast, 4) aXe browser plugin for automated testing, and 5) NVDA screen reader for manual testing. It provides instructions on how to use each tool and what aspects of accessibility they evaluate.
The document discusses guidelines for making modal windows accessible. A modal window forces user interaction before allowing interaction with the main page. Key guidelines include: allowing full keyboard and screen reader navigation within the modal; informing users and screen readers when a modal opens through focus, labels, roles and descriptions; preventing interaction outside the modal; and ensuring screen readers can operate in "read" and "form" modes within modals as needed.
Speaker: Young Fang, Johnny Sung
---
How visually impaired people use their phone?
How mobile developer fix their problems they encountered?
Here is the small tips for that.
The document provides instructions for setting up and using a new MacBook Pro. It outlines steps like opening the box, plugging in the power adapter, and not opening the lids yet. It describes basic features like the keyboard, trackpad, ports and how to carry the laptop properly. Further sections explain how to power on and log in, navigate the desktop, customize settings, manage windows, launch applications, access network drives, connect to wifi and print.
Front End Frameworks - are they accessibleRuss Weakley
Frameworks like Bootstrap provide accessibility benefits but also risks if not implemented correctly. Common issues include non-semantic elements styled as buttons or headings, confusing screen reader users. Frameworks also may not fully explain interactive elements like dropdowns and modals. Developers must understand fundamentals of accessibility and not rely solely on frameworks being accessible "out of the box".
The document provides information on Visual Basic .NET (VB.NET) programming, including an introduction to VB.NET, the integrated development environment (IDE), common controls used in VB.NET, and an example "Hello World" program. It describes the VB.NET IDE layout including the toolbox, solution explorer, properties window, and code editor. It also discusses naming conventions, common controls like buttons and textboxes, and the layout toolbar for arranging controls.
After consulting with several companies on performance related issues, it became clear that one of the biggest performance issues facing websites today is the sheer amount of JavaScript needed to power the page. The demand for more interactive and responsive applications has driven JavaScript usage through the roof. It’s quite common for large sites to end up with over 1 MB of JavaScript code on their page even after minification. But do today’s web applications really need that much JavaScript?
JavaScript Timers, Power Consumption, and PerformanceNicholas Zakas
This document discusses how timers, power consumption, and performance are related on web pages. It explains that CPUs can enter low-power sleep states when idle, but timers used in JavaScript can prevent this and increase power usage. The document recommends using higher interval timers (over 15ms) when possible to improve battery life on mobile devices. It also notes that having too many concurrent timers can flood the browser's queue and negatively impact rendering performance.
An update to the Scalable JavaScript presentation of 2009. Describes how to piece together a JavaScript application framework designed for maintainability.
This document summarizes Nicholas C. Zakas's presentation on maintainable JavaScript. The presentation discusses why maintainability is important, as most time is spent maintaining code. It defines maintainable code as code that works for five years without major changes and is intuitive, understandable, adaptable, extendable, debuggable and testable. The presentation covers code style guidelines, programming practices, code organization techniques and automation tools to help write maintainable JavaScript.
High Performance JavaScript (CapitolJS 2011)Nicholas Zakas
High Performance JavaScript provides techniques for optimizing JavaScript performance. It discusses how JavaScript execution blocks the browser UI thread, preventing responsive user experiences. It recommends limiting individual JavaScript jobs to under 50ms to avoid unresponsiveness. The document then provides techniques to improve load time performance such as dynamically loading scripts, and runtime techniques like timers and web workers to avoid blocking the UI thread during long-running processes.
Writing JavaScript as a hobby and writing JavaScript as a job are two very different things. Learn some common practices for making your JavaScript friendly to a team environment.
For much of its existence, JavaScript has been slow. No one complained until developers created complex web applications with thousands of lines of JavaScript code. Although newer JavaScript engines have improved the situation, there’s still a lot to understand about what makes JavaScript slow and what you can do to speed up your code.
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
High Performance JavaScript (Amazon DevCon 2011)Nicholas Zakas
The document summarizes techniques for improving JavaScript performance in web applications. It discusses how JavaScript execution blocks the browser UI thread, leading to unresponsive user experiences if scripts run for too long. It then provides recommendations to limit JavaScript execution times to under 50ms and describes load time techniques like placing scripts at the bottom of the page, combining files, and loading scripts dynamically or deferring their execution to improve page load performance.
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
YUI Test The Next Generation (YUIConf 2010)Nicholas Zakas
This document summarizes a presentation given by Nicholas C. Zakas on the evolution of YUI Test and introducing the new standalone version. Some key points:
- YUI Test was originally developed as a testing framework for YUI but inconsistencies arose between YUI 2.x and 3.x versions.
- A new standalone version was created to address these issues and allow YUI Test to be used without YUI dependencies. It provides a familiar syntax and API improvements.
- Additional related libraries were introduced, including a Selenium driver for browser automation and code coverage to identify untested code paths.
- Together these provide a complete JavaScript testing solution for continuous integration with features like Hudson integration and reporting
High Performance JavaScript (YUIConf 2010)Nicholas Zakas
Ever wonder why the page appears frozen or why you get a dialog saying, "this script is taking too long"? Inside of the browser, JavaScript and the page's UI are very intertwined, which means they can affect each other and, in turn, affect overall page performance. Ensuring the fastest execution time of JavaScript code isn't about geek cred, it's about ensuring that the user experience is as fast and responsive as possible. In a world where an extra second can cost you a visitor, sluggishness due to poor JavaScript code is a big problem. In this talk, you'll learn what's going on inside the browser that can slow JavaScript down and how that can end up creating a "slow page". You'll also learn how to overcome the conspiracy against your code by eliminating performance bottlenecks.
High Performance JavaScript - Fronteers 2010Nicholas Zakas
For much of its existence, JavaScript has been slow. No one complained until developers created complex web applications with thousands of lines of JavaScript code. Although newer JavaScript engines have improved the situation, there's still a lot to understand about what makes JavaScript slow and what you can do to speed up your code.
The document discusses optimizing JavaScript performance for Yahoo's homepage. It describes techniques used such as:
1. Loading non-critical JavaScript asynchronously and lazily to improve time to interactivity.
2. Splitting long-running JavaScript tasks into smaller chunks with timers to maintain responsiveness.
3. Using Web Workers to offload CPU-intensive tasks without blocking the UI thread.
4. Caching and preloading resources to reduce roundtrip times for Ajax requests.
The techniques helped optimize performance by reducing JavaScript parsing time and improving responsiveness.
High Performance JavaScript - WebDirections USA 2010Nicholas Zakas
This document summarizes Nicholas C. Zakas' presentation on high performance JavaScript. It discusses how the browser UI thread handles both UI updates and JavaScript execution sequentially. Long running JavaScript can cause unresponsive UIs. Techniques to ensure responsive UIs include limiting JavaScript execution time, using timers or web workers to break up processing, reducing repaints and reflows, and grouping style changes. Hardware acceleration and optimizing JavaScript engines have improved performance but responsive UIs still require discipline.
The document discusses responsive interfaces and how to keep the user interface responsive when executing JavaScript. It explains that the UI thread is used for both drawing updates and running JavaScript, so no updates can happen while JavaScript runs. It recommends keeping JavaScript execution under 50ms to avoid unresponsiveness, and describes using timers and web workers to split processing over multiple ticks to keep the UI responsive.
Writing Efficient JavaScript discusses common issues that can slow down JavaScript performance and provides recommendations to address them. It covers scope management, data access, loops, DOM manipulation, and avoiding browser limits. The document recommends minimizing scope chain lookups, storing frequently accessed properties in local variables, optimizing loops, performing DOM changes off-document to reduce reflows, and using setTimeout() to avoid locking up the browser thread.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
this resume for sadika shaikh bca studentSadikaShaikh7
I am a dedicated BCA student with a strong foundation in web technologies, including PHP and MySQL. I have hands-on experience in Java and Python, and a solid understanding of data structures. My technical skills are complemented by my ability to learn quickly and adapt to new challenges in the ever-evolving field of computer science.
GDG Cloud Southlake #34: Neatsun Ziv: Automating AppsecJames Anderson
The lecture titled "Automating AppSec" delves into the critical challenges associated with manual application security (AppSec) processes and outlines strategic approaches for incorporating automation to enhance efficiency, accuracy, and scalability. The lecture is structured to highlight the inherent difficulties in traditional AppSec practices, emphasizing the labor-intensive triage of issues, the complexity of identifying responsible owners for security flaws, and the challenges of implementing security checks within CI/CD pipelines. Furthermore, it provides actionable insights on automating these processes to not only mitigate these pains but also to enable a more proactive and scalable security posture within development cycles.
The Pains of Manual AppSec:
This section will explore the time-consuming and error-prone nature of manually triaging security issues, including the difficulty of prioritizing vulnerabilities based on their actual risk to the organization. It will also discuss the challenges in determining ownership for remediation tasks, a process often complicated by cross-functional teams and microservices architectures. Additionally, the inefficiencies of manual checks within CI/CD gates will be examined, highlighting how they can delay deployments and introduce security risks.
Automating CI/CD Gates:
Here, the focus shifts to the automation of security within the CI/CD pipelines. The lecture will cover methods to seamlessly integrate security tools that automatically scan for vulnerabilities as part of the build process, thereby ensuring that security is a core component of the development lifecycle. Strategies for configuring automated gates that can block or flag builds based on the severity of detected issues will be discussed, ensuring that only secure code progresses through the pipeline.
Triaging Issues with Automation:
This segment addresses how automation can be leveraged to intelligently triage and prioritize security issues. It will cover technologies and methodologies for automatically assessing the context and potential impact of vulnerabilities, facilitating quicker and more accurate decision-making. The use of automated alerting and reporting mechanisms to ensure the right stakeholders are informed in a timely manner will also be discussed.
Identifying Ownership Automatically:
Automating the process of identifying who owns the responsibility for fixing specific security issues is critical for efficient remediation. This part of the lecture will explore tools and practices for mapping vulnerabilities to code owners, leveraging version control and project management tools.
Three Tips to Scale the Shift Left Program:
Finally, the lecture will offer three practical tips for organizations looking to scale their Shift Left security programs. These will include recommendations on fostering a security culture within development teams, employing DevSecOps principles to integrate security throughout the development
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.
In this follow-up session on knowledge and prompt engineering, we will explore structured prompting, chain of thought prompting, iterative prompting, prompt optimization, emotional language prompts, and the inclusion of user signals and industry-specific data to enhance LLM performance.
Join EIS Founder & CEO Seth Earley and special guest Nick Usborne, Copywriter, Trainer, and Speaker, as they delve into these methodologies to improve AI-driven knowledge processes for employees and customers alike.
AC Atlassian Coimbatore Session Slides( 22/06/2024)apoorva2579
This is the combined Sessions of ACE Atlassian Coimbatore event happened on 22nd June 2024
The session order is as follows:
1.AI and future of help desk by Rajesh Shanmugam
2. Harnessing the power of GenAI for your business by Siddharth
3. Fallacies of GenAI by Raju Kandaswamy
Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threatsanupriti
In the rapidly evolving landscape of blockchain technology, the advent of quantum computing poses unprecedented challenges to traditional cryptographic methods. As quantum computing capabilities advance, the vulnerabilities of current cryptographic standards become increasingly apparent.
This presentation, "Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threats," explores the intersection of blockchain technology and quantum computing. It delves into the urgent need for resilient cryptographic solutions that can withstand the computational power of quantum adversaries.
Key topics covered include:
An overview of quantum computing and its implications for blockchain security.
Current cryptographic standards and their vulnerabilities in the face of quantum threats.
Emerging post-quantum cryptographic algorithms and their applicability to blockchain systems.
Case studies and real-world implications of quantum-resistant blockchain implementations.
Strategies for integrating post-quantum cryptography into existing blockchain frameworks.
Join us as we navigate the complexities of securing blockchain networks in a quantum-enabled future. Gain insights into the latest advancements and best practices for safeguarding data integrity and privacy in the era of quantum threats.
Blockchain and Cyber Defense Strategies in new genre timesanupriti
Explore robust defense strategies at the intersection of blockchain technology and cybersecurity. This presentation delves into proactive measures and innovative approaches to safeguarding blockchain networks against evolving cyber threats. Discover how secure blockchain implementations can enhance resilience, protect data integrity, and ensure trust in digital transactions. Gain insights into cutting-edge security protocols and best practices essential for mitigating risks in the blockchain ecosystem.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
How Netflix Builds High Performance Applications at Global ScaleScyllaDB
We all want to build applications that are blazingly fast. We also want to scale them to users all over the world. Can the two happen together? Can users in the slowest of environments also get a fast experience? Learn how we do this at Netflix: how we understand every user's needs and preferences and build high performance applications that work for every user, every time.
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!
Are you interested in learning about creating an attractive website? Here it is! Take part in the challenge that will broaden your knowledge about creating cool websites! Don't miss this opportunity, only in "Redesign Challenge"!
5. Visual Auditory Motor Cognitive
http://webaim.org/intro/#people
6. Blind
Uses screen reader and
keyboard (and/or braille
reader)
Low Vision
Uses monitor, keyboard,
mouse, and screen
magnifier
Visual Color Blind
Uses monitor, keyboard,
mouse, and high contrast
http://webaim.org/intro/#people
7. Deaf
Uses monitor, keyboard,
and mouse (subtitles on
videos)
Low Hearing
Uses monitor, keyboard,
and mouse (subtitles on
videos)
Auditory
http://webaim.org/intro/#people
8. Limited Fine Motor
Control
Uses monitor and
keyboard
Only Gross Motor Control
Uses monitor and single
switch
Pain/Paralysis/RSI
Motor Various other means of
accessing a computer
http://webaim.org/intro/#people
33. Working with Focus
var button = document.getElementById("my-btn");
button.focus();
var focused = document.activeElement;
console.log(button === focused); // true
34. Make Focusable
<span id="my-span" tabindex="0">
Howdy!
</span>
Add into the
normal tab order
var mySpan = document.getElementById(“my-span”);
mySpan.focus();
35. Make Focusable
<span id="my-span" tabindex="-1">
Howdy!
</span> Not in tab order
but can use
focus()
var mySpan = document.getElementById(“my-span”);
mySpan.focus();
36. Focus
• Don’t hide the focus rectangle
– Unless you’re using a custom focus style
• Use links to navigate to URLs
• Use buttons for in-page actions
or form submission
38. Characteristics of Links & Buttons
Can receive focus
Click here
Show focus visually
Part of normal tab order
The onclick handler is
called when Enter is
pressed
39. Not a Button!
<span onclick="doSomething()">
Click Me
</span>
Focusable
Visual Focus
Tab Order
Enter for onclick
40. Still Not a Button!
<span tabindex="0" onclick="doSomething()">
Click Me
</span>
Focusable
Visual Focus
Tab Order
Enter for onclick
41. Still Not a Button!
<span tabindex="0" role="button"
onclick="doSomething()">
Click Me
</span>
Focusable
Visual Focus
Tab Order
Enter for onclick
50. Dialogs
• Set focus to dialog element when displayed
– Set tabIndex = -1 and use focus()
• Remember where focus was before the dialog
was opened
– document.activeElement
• Pressing Esc should close
the dialog and set focus
back to where it was
• Keep focus in the dialog
51. Keep Focus in Dialog
document.addEventListener(“focus”,
function(event) {
if (!dialogNode.contains(event.target)) {
event.stopPropagation();
dialogNode.focus();
}
}, true);
56. Keyboard Shortcuts
• Use ? to bring up shortcuts list in a dialog
• Make use of common keyboard shortcuts
where possible (lists)
• Use the convention of G
followed by another letter
to navigate to sections
• Use single letters for
common actions
• Shift focus appropriately
64. Etcetera
• My blog: nczonline.net
• Twitter: @slicknet
• These Slides: slideshare.net/nzakas
Editor's Notes
Go to browser and show navigation using the keyboard.
Go to blog navigation example.
Put this into Web Inspector and show the difference.
Show Gmail
Demo!
Don’t hide important information and then show on hoverI can’t get to it
Show Twitter
Show GitHub keyboard shortcut dialog
Show Twitter
GoogleGmailShortcuts dialogNavigate messagesReplyCreate newNavigate to link in emailGo to labelGo to InboxTwitterShortcuts dialogNavigate tweetsGo HomeGo to ConnectDirect MessagesReplyGitHubHomeIssuesShortcuts Dialog“T” for file finder