SlideShare a Scribd company logo
#CHD18
RUSS WEAKLEY | DESIGN SYSTEM PRINCIPAL / IAG | @RUSSMAXDESIGN
Accessibility
in Design Systems
THE PAIN & THE GLORY
Five tips for creating more
accessible design systems.
Tip 1:
Accessibility should

be “baked in” at all
levels

Recommended for you

Access tips access and sql part 4 building select queries on-the-fly
Access tips  access and sql part 4  building select queries on-the-flyAccess tips  access and sql part 4  building select queries on-the-fly
Access tips access and sql part 4 building select queries on-the-fly

This document discusses building select queries dynamically in Microsoft Access using VBA and SQL. It describes creating a stored query, building a dialog box to collect user criteria, and writing code to generate a SQL statement based on the user's selections. The code declares variables, builds the SQL by concatenating strings representing the criteria values, and tests the generated SQL by printing it to the Immediate window or displaying in a message box. The goal is to create a flexible multi-purpose query tool allowing users to filter data without knowledge of Access or SQL.

Android app development guide for freshers by ace web academy
Android app development guide for freshers  by ace web academyAndroid app development guide for freshers  by ace web academy
Android app development guide for freshers by ace web academy

This is the simple guide which helps even the beginners to develop an android app which gets the attention of the market. Build your basic app in few steps

android development tutorialmobile app training center hyderabadstep by step android app development guide
E learning excel vba programming lesson 1
E learning excel vba programming  lesson 1E learning excel vba programming  lesson 1
E learning excel vba programming lesson 1

Excel VBA Programming is not rocket science , just need to understand basics...! Here is the presentation for you!!

microsoft excelvba programming
What does “baked in” mean?
“Incorporate something as an
integral part of a product,
service, or system”
But what does this mean for
design systems?
Let’s look at high and low
levels.

Recommended for you

The Audio User Experience for Widgets
The Audio User Experience for WidgetsThe Audio User Experience for Widgets
The Audio User Experience for Widgets

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.

android layouts
android layoutsandroid layouts
android layouts

The document discusses various types of user interfaces in Android. It describes the view hierarchy in Android using ViewGroups and Views as the basic building blocks. It explains common layouts like LinearLayout, RelativeLayout, TableLayout, GridLayout and ListView that can be used to arrange views. Key classes involved include View, ViewGroup, and different view subclasses that serve as widgets. The document also compares Java and Android approaches to designing user interfaces.

Android development session 3 - layout
Android development   session 3 - layoutAndroid development   session 3 - layout
Android development session 3 - layout

In this presentation i will discuss and talk about view layout, how to structure your view using layout in android

mobile appsmobile application developmentandroid
Principles, guides and
practices
Inclusive design should be
included as part of the design
system principles.
Guidelines should be in place
to help designers and
developers achieve
accessibility.
And what about practices…

Recommended for you

Windows phone 8 session 13
Windows phone 8 session 13Windows phone 8 session 13
Windows phone 8 session 13

This document discusses various ways that a Windows Phone 8 application can interact with phone resources like contacts, calendars, cameras, microphones, and sensors. It covers topics like reading and manipulating contact and calendar data, taking photos and videos with the camera, recording audio with the microphone, and accessing sensor data from the accelerometer, gyroscope, and other sensors. It provides code examples for tasks like creating contacts, scheduling appointments, capturing and saving images, responding to sensor values, and more.

E learning excel vba programming lesson 2
E learning excel vba programming  lesson 2E learning excel vba programming  lesson 2
E learning excel vba programming lesson 2

Excel VBA Programming is not rocket science , just need to understand basics...! Here is the presentation for you!!

New Form Element in HTML5
New Form Element in HTML5New Form Element in HTML5
New Form Element in HTML5

HTML5 introduced new form elements, attributes, and input types to improve the user experience of web forms. Key additions included the <datalist> element for autocomplete suggestions, <keygen> for digital signatures, and <output> to display calculation results. HTML5 also defined new input types like email, url, tel, and color to provide native form validation for specific data types. While browser support for HTML5 forms has increased, some features remain incompatible with older browsers, so backward compatibility must still be considered.

Personas should include
people with different types of
disabilities.
And user testing should
include people with different
disabilities.
After all, 1 in 5 Australians
have some form of disability.
Components

Recommended for you

Diving into VS 2015 Day1
Diving into VS 2015 Day1Diving into VS 2015 Day1
Diving into VS 2015 Day1

The document discusses the code assistance features of Visual Studio 2015. It provides examples of how the light bulb icon displays potential fixes for syntax errors and missing code. It also shows how refactoring suggestions are provided to optimize code, such as removing unused namespaces or changing a method to directly return a value rather than using a temporary variable. The light bulb icon assists with code completion, error fixing, and refactoring to improve code quality and developer productivity.

Introduction to Silverlight
Introduction to SilverlightIntroduction to Silverlight
Introduction to Silverlight

Brief introduction to Silverlight. Slides presented at Windows Phone Camps in 2011. Demos are available here: http://bit.ly/EdDemos

silverlightmicrosoftsoftware development
Chapter03 Ppt
Chapter03 PptChapter03 Ppt
Chapter03 Ppt

This document provides an outline and overview of Chapter 3 from an introduction to Visual Basic programming textbook. It covers simple programs that print text and perform arithmetic, memory concepts, decision making using equality and relational operators, and using dialog boxes to display messages. Example code and screenshots are included to demonstrate key concepts like variables, arithmetic operators, if/then statements, and calling methods.

designwebasp.net
Every time a component is
added to the system, it should
have accessibility “baked in”.
Design components should
consider colour contrast and
text size accessibility.
Code components should be
built using semantic and
accessible markup.
Let's look at how to bake
accessibility into some code
components.

Recommended for you

Android Layout.pptx
Android Layout.pptxAndroid Layout.pptx
Android Layout.pptx

The document discusses Android layouts. It explains that Views are UI components like buttons and text views, and ViewGroups are containers that position Views. The main ViewGroups covered are LinearLayout, which positions Views vertically or horizontally, and RelativeLayout, which positions Views relative to each other or the parent container. Attributes like orientation, gravity, weight and margins are used to control View positioning.

android layout
Eo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5eEo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5e

This document provides an overview of graphical user interface (GUI) applications in Java. It discusses key topics like dialog boxes, windows, layout managers, and event-driven programming. The Java Foundation Classes (JFC) include the Abstract Window Toolkit (AWT) and Swing toolkit for building GUIs. AWT relies on peer classes while Swing components are lightweight. Common GUI components are created using classes like JOptionPane, which can display message, input, and confirmation dialog boxes.

Eo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5eEo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5e

This document discusses creating GUI applications with JavaFX. It covers topics like scene graphs, using Scene Builder to visually design JavaFX applications, writing application code including the main class and controller class, and working with common GUI components like radio buttons, check boxes, and displaying images. Scene Builder allows visually designing user interfaces by dragging and dropping components and saves the design as an FXML file. The main application class loads the FXML file and launches the application, while the controller class contains event handler methods.

Example 1:
Labels and form controls
Full name
Label
Full name
Form control
1. Use the <label> element.

Recommended for you

Eo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5eEo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5e

This document provides an overview of applets and HTML. It discusses the differences between applications and applets, how to create basic applets using Swing, and how to run applets using HTML tags. It also covers limitations of applets, basic HTML tags for document structure and text formatting, and how to add links and handle events in applets. The document recommends using AWT classes instead of Swing for wider browser compatibility of applets.

Salesforce Admin Hacks
Salesforce Admin HacksSalesforce Admin Hacks
Salesforce Admin Hacks

This document provides a collection of admin hacks for Salesforce. It includes hacks for selectively auto-responding to emails, checking data loader to maintain data storage, dealing with email templates, seeing all cases submitted by a user, comparing opportunities, changing a user's email without confirmation, making formulas error-proof, sending opportunities to approval automatically, using formula fields to relate records to the user, setting passwords for users, reducing verification requests, kicking off processes after only 5 minutes, unscheduling reports, customizing hover detail views, useful extensions, finding distance between locations, and creating links to records in email templates. The hacks are intended to help admins work more efficiently in Salesforce.

salessalesforce
A holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app developmentA holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app development

Annotated wireframes can be a huge advantage for any mobile App Development project. We use the latest technology & creative methodology to craft an awesome application for your business

mobile app developmenthire iphone app developerhybrid mobile app development services
<label for="one">Full name</label>
<input id="one" type="text">
2. Use the for and id
attributes to explicitly
associate the two elements.
<label for="one">Full name</label>
<input id="one" type="text">
Even if the <label> wraps
around the form control!

Recommended for you

Front End Frameworks - are they accessible
Front End Frameworks - are they accessibleFront End Frameworks - are they accessible
Front End Frameworks - are they accessible

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".

a11yaccessibilitybootstrap
Technical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdfTechnical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdf

This document discusses the importance of technical design documentation for professional Angular web applications, even in agile development environments. It provides examples of how such design documentation could be structured for an Angular application, including using UML diagrams to depict the application architecture and module structure. Key aspects that could be documented include modules, components, services, dependencies, and non-functional requirements. The design documentation should provide insight into the application structure to reduce bugs and make future changes more efficient, while not being overly detailed.

Enter the Big Picture
Enter the Big PictureEnter the Big Picture
Enter the Big Picture

Folio3 is a software development company that focuses on custom enterprise, mobile, and social media applications. It was founded in 2005 and has over 200 employees across several offices. The document outlines Folio3's technical documentation guidelines and requirements for developers. It specifies that source code must include detailed comments, and projects require functional scope documents, UML diagrams, and overall architecture designs to ensure quality. Folio3 enforces these standards through documentation audits and by including documentation time in estimates.

codingsoftwaremodern api
<label for="one">
Full name
<input id="one" type="text">
</label>
This is important for assistive
technologies so that the label
is announced when the form
control comes into focus.
Example 2:
Inline error messages
Label
Phone number
Must be an 8 digit number

Recommended for you

How to do code review and use analysis tool in software development
How to do code review and use analysis tool in software developmentHow to do code review and use analysis tool in software development
How to do code review and use analysis tool in software development

Code Inspection is a phase of the software development process to find and correct the errors in the functional and non-functional area in the early stage.

software testingcode reviewcode analysis tool
Designing Good API & Its Importance
Designing Good API & Its ImportanceDesigning Good API & Its Importance
Designing Good API & Its Importance

This is a presentation inspired (heavily) by that of Joshu Bloch's presentation on "How to design a good API and its importance". I tried to simplify on API importance and tried to generify how to conceive it. No point referring to that presentation explicitly as I am mentioning it here and mentioned it at the start and end of the presentation as I made it in BASIS SoftExpo 2012

How to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdfHow to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdf

Flutter developers offer the best solutions to develop hybrid applications. Read the blog to know how to hire flutter developers in India for your project.

flutter app developersflutter app development
Phone number
Must be an 8 digit number
Form control
Phone number
Must be an 8 digit number
Dynamic error message
These error messages are
dynamically injected when a
user enters invalid data.
They need to be
programmatically associated
with their form controls.

Recommended for you

How to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate FounderHow to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate Founder

This presentation is your guide on how to Best Develop a Product from scratch. Learn the best methodology on how to succeed in developing a product.

productdevelopmentdevelop a product
Notes on software engineering
Notes on software engineeringNotes on software engineering
Notes on software engineering

This document contains information about software engineering and project management. It discusses several key points: - Software engineering involves more than just coding and software products have both business and technical aspects. - Software projects have limited resources like time, budget, and people. The first document should be a scope document outlining requirements. - Software development is an engineering process that should select and customize a process while collecting metrics for improvement. - Requirements should be elicited incrementally through explanations, questions, observations and documentation of scenarios and models.

softwaresoftware developmentsoftware testing
Unit iv
Unit ivUnit iv
Unit iv

fundamentals of software engineering.this unit covers all the aspects of software engineering coding standards and naming them and code inspectionna an d various testing methods and

codingadctfsd
So that they are announced to
assistive technologies when
the form control comes into
focus.
Method 1: 

Add the error message inside
the wrapped <label>
element.
<label for="one">
Phone number
<input id="one" type="text">
<span>Must be an 8 digit number</span>
</label>
Method 2:

Use the aria-describedby
attribute.

Recommended for you

test
testtest
test

You Can't Evaluate a Test Tool by Reading a Data Sheet All data sheets look virtually alike. The buz...

Flutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdfFlutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdf

Is expanding your company's presence in the target market your goal? Increasing your reach and the visibility of your business is your only goal, regardless of whether you are an enterprise, SMB, or startup preparing to launch a new product.

flutter app performance
Software design.edited (1)
Software design.edited (1)Software design.edited (1)
Software design.edited (1)

Software design is the process of planning the structure and interfaces of a software program to ensure it functions properly and meets requirements. It includes architectural design to break the program into components and detailed design to break components into classes and interfaces. Software design patterns provide reusable solutions to common problems in design. The most important patterns include adapter, factory method, state, builder, strategy, observer, and singleton. The software design process involves research, prototyping, development, testing, and maintenance.

software designsoftware design patternsoftware design process
<label for="one">Phone number</label>
<input id="one" type="text" 

aria-describedby="d1">
<span id="d1">Must be an 8 digit number</span>
Developers should also use
aria-invalid and aria-live.
These two attributes help
provide additional inform to
assistive technologies.
Here’s how it looks when
there is no error present.

Recommended for you

Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.

Got a legacy application? Trying to turn into a modern one? This presentation, given by Chris Laning, takes you through a methodical process that helps you attack that seemingly insurmountable task and tame it like a pro! The presentation is ColdFusion focused, but many of the methods employed could be used by programmers in other languages. This presentation was given at NCDevCon on September 13, 2014 in Raleigh, NC. Chris is a Senior WebDeveloper and has been doing web development since 1996.

mvclegacy codeprogramming
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes

The document discusses essential HTML tweaks for accessible themes in WordPress. It covers defining the page language and language changes using HTML attributes like lang and dir. It also discusses adding page titles using the title element or WordPress functions, adding structure to continuous text, forms and tables using appropriate HTML elements, and providing alternatives for non-text content like images and videos. The goal is to make content accessible to all users, including those using assistive technologies.

accessibilitya11yhtml
Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!

React web development can become a tricky job if not handled properly. If you are facing issues with the development process, these practices will help you!

reactjs development servicesreactjs development companyreact web development
<label for="one">Phone number</label>
<input id="one" type="text" 

aria-describedby="d1" aria-invalid="false">
<span id="d1" aria-live="polite"></span>
And when an error has been
triggered.
<label for="one">Phone number</label>
<input id="one" type="text" 

aria-describedby="d1" aria-invalid="true">
<span id="d1" aria-live="polite">Must be an 8
digit number</span>
Avoid aria-live=assertive
and role=alert as these are
too shouty!

Recommended for you

Software Development Standard Operating Procedure
Software Development Standard Operating Procedure Software Development Standard Operating Procedure
Software Development Standard Operating Procedure

This is a sample SOP document that we are using in our company which has helped us improve the quality of output immensely

software developmentsopsdlc
Design submission template
Design submission templateDesign submission template
Design submission template

The document provides instructions and templates for partners to submit designs for Nokia's review at two checkpoints: Proof of Concept and Quality Check. For Proof of Concept, partners must include an interaction map, visuals of main views, and optional key use case flows. Quality Check verifies that the application matches the approved Proof of Concept design. The submission must have no "must fix" issues and no more than 4 "should fix" issues to pass. Nokia also provides design tools and guidelines to help partners design their applications.

Inclusive Design 101
Inclusive Design 101Inclusive Design 101
Inclusive Design 101

As design practitioners, it's increasingly common for guidelines around accessibility to be mandated in our digital work. This shouldn't be viewed as a way of conforming creative work, but instead viewed as an opportunity to make inclusivity a guiding principle in the experiences we craft.

accessibilitydesigndigital
Example 3:
Radio button groups
Weekly
Monthly
Quarterly
Choose subscription type
Overall description
Weekly
Monthly
Quarterly
Choose subscription type
Form controls
Weekly
Monthly
Quarterly
Choose subscription typeLabels

Recommended for you

Successfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience ManagerSuccessfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience Manager

This document discusses how to manage responsive design behaviors using Adobe Experience Manager. It describes the challenge of displaying content across different devices which may have varying screen sizes and resolutions. The solution presented allows content authors to determine which content is displayed at specific breakpoints and manage the grid layout. It involves building components that use listeners and logic to dynamically handle the display of regions and columns based on the targeted device or screen size. The demonstration shows how authors can control responsive behavior through the new components.

perficientslideshareadobe experience manager
Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windows

This presentation will look at how to build accessible chat windows. Along the way we will explore: how they differ from traditional modals, how to manage focus, how to manage dynamically updating content for assistive technologies and more. The session is designed for developers and coders.

a11yaccessibilityhtml5
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions

A detailed look at how accessible names and descriptions are calculated using the W3C's formal standards.

a11yaccessibilityhtml5
1. Make sure there is an
overall description.
This is important for assistive
technology users, so that they
can understand the context
of each radio button choice.
2. Wrap the radio group and
overall description inside a
<fieldset>.
<fieldset>
<legend>Choose a subscription type</legend>
<input id="week" type="radio" name="sub">
<label for="week">Weekly</label>
<input id="month" type="radio" name="sub">
<label for="month">Monthly</label>
<input id="quart" type="radio" name="sub">
<label for="quart">Quarterly</label>
</fieldset>

Recommended for you

A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names

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.

a11yaccessibilityhtml5
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?

A presentation for IAG staff for the "Future is here" event on 6 May 20202. This presentation covers three topics - "What are our legal responsibilities around accessibility?", "What is WCAG?", and "What is inclusive design?"

#a11yaccessibilitywcag
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems

The document discusses user interface states and provides examples of how states can be systematically defined across different UI components. It defines what states are and provides examples like visited, focus, hover, active, disabled, invalid, checked/selected states. It emphasizes the importance of defining states for all interactive elements, including custom elements, to ensure usability. It also stresses the importance of maintaining consistent state styling across a design system through the use of a state table that defines how each state should appear for different common UI elements like links, buttons, forms, tabs etc. This helps establish visual consistency and maintainability.

a11ystatesaccessibility
3. Use the <legend> for the
overall description.
And make sure it is the first
thing inside the <fieldset>.
<fieldset>
<legend>Choose a subscription type</legend>
<input id="week" type="radio" name="sub">
<label for="week">Weekly</label>
<input id="month" type="radio" name="sub">
<label for="month">Monthly</label>
<input id="quart" type="radio" name="sub">
<label for="quart">Quarterly</label>
</fieldset>
The overall description is now
programmatically associated
with the radio buttons.

Recommended for you

Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader

This presentation for A11y Bytes May 2019, takes you through how to mark up a progress loader using the progress element. Then, eight tips for making the progress loader accessible.

a11yaccessibilityhtml5
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?

This presentation covers; different types of disabilities, assistive technologies, legal and ethical responsibilities as well as a range of terms such as W3C, WAI and WCAG.

a11yaccessibilityux
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries

In the old days, many developers looked at complex websites and web applications as a series of individual pages. These days, it’s all about abstracting these pages down to re-usable elements, modules and components which are then documented, designed and built as comprehensive pattern libraries. Pattern libraries can be used as an integral part of the UX, design and front-end development phases. But where should accessibility be included in these different types of pattern libraries? Come on a journey as we explore the pain and glory of baking accessibility into UX, design and front-end pattern libraries.

a11yaccessibility
This means screen readers will
hear the following:
“Choose a subscription type.
Weekly”
Segmented controls
By the way, segmented
controls are just glorified
radio groups.

Recommended for you

Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries

In the old days, many developers looked at complex websites and web applications as a series of individual pages. These days, it’s all about abstracting these pages down to re-usable elements, modules and components which are then documented, designed and built as comprehensive pattern libraries. Pattern libraries can be used as an integral part of the UX, design and front-end development phases. But where should accessibility be included in these different types of pattern libraries? Come on a journey as we explore the pain and glory of baking accessibility into UX, design and front-end pattern libraries.

a11yaccessibilityozewai
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24

This presentation will take a deep dive into how to create an auto-complete search function that is accessible to a range of different users including keyboard-only and screen reader users. Along the way, we will explore important keystrokes and aria attributes that can be used enhance the experience for all users.

a11yaccessibility
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete

The document provides guidance on creating accessible autocomplete search functionality. It discusses user experience considerations like clear labeling and instructions. It also covers keyboard support, ensuring all actions can be performed via keyboard. The document outlines how to add appropriate markup for screen readers, including labels, roles, properties to describe interactions and options. Code examples are provided for the overall structure and specific elements.

accessibilitycsshtml
Are you ready?
Overall description
Yes No Maybe
Are you ready?
Yes No Maybe
Hidden form control
Are you ready?
Yes No Maybe
Label
So the same rules apply.

Recommended for you

Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown

A quick slide deck that outlines a range of pointers that can be used to help make button dropdowns more accessible.

htmlaccessibilitya11y
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch

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.

cssscss
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-Height

At first glance, CSS line-height seems very simple, but there is a lot going on below the surface. Line-height is important for any designer or front end developer to understand as it can impact almost every aspect of our layouts.

cssline-height
1. Make sure there is an
overall description.
2. Wrap all of it inside a
<fieldset>.
3. Place the overall description
inside a <legend>.
These simple solutions go a
long way to help “bake
accessibility into” form
components.

Recommended for you

Understanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntaxUnderstanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntax

This presentation will reveal the wonders of the W3C CSS property and value syntax. Along the way we will explore the mysterious double pipes, pound signs, double ampersands and more. You will come away a CSS syntax expert, able to understand any CSS property / value syntax no matter how complex... or your money back!

backus-naur formsyntaxbnf
Specialise or cross-skill
Specialise or cross-skillSpecialise or cross-skill
Specialise or cross-skill

This document discusses the evolution of roles in UX/UI design and development over time. It presents a brief history starting in the 1990s with webmasters and designers focused on HTML. By the late 1990s, developers also worked with HTML and usability/UX emerged. The roles continued to expand and combine skills, with modern practitioners often working across UX research, interaction design, visual design, front-end development, and considerations for accessibility. The document suggests that while specialization can be valuable, it is also beneficial for those in UX to learn some front-end development skills to enable quick prototyping and understand rich interactions and responsive design.

CSS pattern libraries
CSS pattern librariesCSS pattern libraries
CSS pattern libraries

This document discusses best practices for creating CSS pattern libraries. It recommends starting with the smallest reusable components and building up to larger page-level templates. Key aspects covered include using a naming convention based on modules, modifiers and descendants; avoiding overly specific class names; and including utility classes to add single styles without new classes. The document also provides examples of how to structure and name classes for common interface patterns.

pattern librarycsssummitcss
Tip 2:
Accessible components
do not automatically
mean accessible apps
This is a common mistake.
In reality, when a component
is dropped into a layout, the
context may change.
And regardless of the
components, other aspects of
the app many not be
accessible.

Recommended for you

Responsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzwordResponsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzword

A discussion on Responsive Web Design and UX - covering definitions of responsive web design, adaptive, RESS, mobile first and more,

adaptive web designuxresponsive
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...

https://app.box.com/s/ujmypxg6wegshvv0hmylp5m8hx4dnzrc

NLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacherNLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacher

NLc

So, it's important to do
accessibility reviews during
different phases:
1. For individual components
2. For layouts or templates
3. For fully-functional apps

Recommended for you

Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptxChapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx

Chapter 2 Era of One party Dominance Class 12 Political Science Notes

Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptxUnlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx

Unlocking Educational Synergy: DIKSHA & Google Classroom

Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...

Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Meetup #48 Event Link:- https://meetups.mulesoft.com/events/details/mulesoft-mysore-presents-configuring-single-sign-on-sso-via-identity-management/ Agenda ● Single Sign On (SSO) ● SSO Standards ● OpenID Connect vs SAML 2.0 ● OpenID Connect - Architecture ● Configuring SSO Using OIDC (Demo) ● SAML 2.0 - Architecture ● Configuring SSO Using SAML 2.0 (Demo) ● Mapping IDP Groups with Anypoint Team (Demo) ● Q & A For Upcoming Meetups Join Mysore Meetup Group - https://meetups.mulesoft.com/mysore/YouTube:- youtube.com/@mulesoftmysore Mysore WhatsApp group:- https://chat.whatsapp.com/EhqtHtCC75vCAX7gaO842N Speaker:- Vijayaraghavan Venkatadri:- https://www.linkedin.com/in/vijayaraghavan-venkatadri-b2210020/ Organizers:- Shubham Chaurasia - https://www.linkedin.com/in/shubhamchaurasia1/ Giridhar Meka - https://www.linkedin.com/in/giridharmeka Priya Shaw - https://www.linkedin.com/in/priya-shaw

single sign onoktasso
Tip 3:

Components should be
built so that they can’t
be broken
Component libraries should
never allow developers to copy
and paste code that can then
be edited.
These snippets are not
updatable or manageable.
Even worse, they can be
hacked and changed.

Recommended for you

Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...

Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024. The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.

#itell2024tpackdpack
No, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalismNo, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalism

How to use generative AI tools like ChatGPT and Gemini to generate story ideas for investigations, identify potential sources, and help with coding and writing. A talk from the Centre for Investigative Journalism Summer School, July 2024

journalismgenerative aiideas
Delegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use CasesDelegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use Cases

There are 3 types of inheritance in odoo Classical, Extension, and Delegation. Delegation inheritance is used to sink other models to our custom model. And there is no change in the views. This slide will discuss delegation inheritance and its use cases in odoo 17.

inheritance in odooodoo 17inheritance in odoo 17
1. Code components should be
“referenceable”, not
“copyable”.
2. Code components should
only allow specific aspects of
the component to be
adjusted.
Let's take the Bootstrap modal
as an example.
<div role="dialog" aria-labelledby="myModal">
<h4 id="myModal">Modal title</h4>
</div>

Recommended for you

How to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 WebsiteHow to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 Website

Here we are going to discuss how to store data in Odoo 17 Website. It includes defining a model with few fields in it. Add demo data into the model using data directory. Also using a controller, pass the values into the template while rendering it and display the values in the website.

odoo 17data on odoo 17how to store data in odoo
The membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERPThe membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERP

Some business organizations give membership to their customers to ensure the long term relationship with those customers. If the customer is a member of the business then they get special offers and other benefits. The membership module in odoo 17 is helpful to manage everything related to the membership of multiple customers.

odoo 17members modulemembers in odoo 17
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894

As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever. Amongst others, the webinar covers: • ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations • insights into the European Union's landmark legislative proposal aimed at regulating AI • framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems Presenters: Miriama Podskubova - Attorney at Law Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations. Callum Wright - Founder and Lead Consultant Founder and Lead Consultant Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results. Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment. Date: June 26, 2024 Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894 ------------------------------------------------------------------------------- Find out more about ISO training and certification services Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB Webinars: https://pecb.com/webinars Article: https://pecb.com/article -------------------------------------------------------------------------------

Some developers copy this
code, and then accidentally
break the relationship.
<div role="dialog" aria-labelledby="myModal">
<h4>Modal title</h4>
</div>
When this happens, the
heading is not announced
when the modal is triggered.
Tip 4:
The purpose and usage
of each component
should be clearly
defined

Recommended for you

Webinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional SkillsWebinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional Skills

Presentations by Adriano Linzarini and Daniel Catarino da Silva of the OECD Rethinking Assessment of Social and Emotional Skills project from the OECD webinar "Innovations in measuring social and emotional skills and what AI will bring next" on 5 July 2024

oecdeducations&e skills
NAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource BookNAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource Book

NAEYC Code of Ethical Conduct Book

How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17

Now we can take look into how to configure time off types in odoo 17 through this slide. Time-off types are used to grant or request different types of leave. Only then the authorities will have a clear view or a clear understanding of what kind of leave the employee is taking.

odoo 17time off typestime off types in odoo
Let’s look at buttons vs links.
It is common to have links
that look like buttons.
A button or a link?
There is nothing specifically
wrong with this approach.

Recommended for you

The basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptxThe basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptx

Pie

BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptxBRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx

BRIGADA ESKWELA OPENING PROGRAM

brigada
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUMENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM

Curricuum Map in Grade 7 English aligned with matatag

curriculumgrammar
However, buttons and links
have distinctly different
purposes.
Buttons should be used to
trigger some sort of action -
like submitting a form or
opening/closing a widget.
Links should be used when
sending users to a location.
If misused, they could cause
confusion for assistive
technology users.

Recommended for you

2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference

Join educators from the US and worldwide at this year’s conference, themed “Strategies for Proficiency & Acquisition,” to learn from top experts in world language teaching.

Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17

In Odoo, the pivot view is a graphical representation of data that allows users to analyze and summarize large datasets quickly. It's a powerful tool for generating insights from your business data. The pivot view in Odoo is a valuable tool for analyzing and summarizing large datasets, helping you gain insights into your business operations.

odoo 17pivot viewpivot view in odoo
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KI��N TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...

"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY NĂM 2024 KHỐI NGÀNH NGOÀI SƯ PHẠM"

A screen reader user who
hears a “link” announced will
assume they are about to be
taken to a new location.
And, if they hear a “button”
announced, they will assume
they are about to submit or
change something.
So, the system should clearly
define when buttons and
links should be used.
Tip 5:
Accessibility is the
responsibility of
everyone

Recommended for you

Accessibility testing tools are
an important part of making
design systems accessible.
Colour contrast plugins can
help designers check colour
contrast as they design.
HTML and CSS validators can
help developers make sure
that markup is valid.
And tools like AXE, WAVE and
Tenon can be used to test the
accessibility of components,
layouts and apps.

Recommended for you

However, accessibility testing
tools are pointless without
some basic knowledge.
Team members must also
understand accessibility - at
least within their discipline.
Here are some things that UX,
UI and front-end developers
should know about
accessibility.
UX Designers

Recommended for you

UX designers should have a
basic understanding of HTML
markup.
They should have a solid
understanding of accessibility
within forms.
This includes an
understanding of when to use
<fieldset>, <legend> and
<label> elements.
And accessibility around
required fields, error
messages and form
instructions.

Recommended for you

They should understand
heading hierarchy and usage.
They should be understand the
importance of focus order.
UI Designers
For UI designers, most of the
same concerns also apply.

Recommended for you

UI designers should also
understand accessibility in
relation to colour contrast
and colour use.
They should understand
accessibility issues associated
with text resizing and text
spacing.
And they should be aware of
target size, and how this
affects different types of
users.
Front-end Developers

Recommended for you

Front-end developers need an
understanding of semantic
HTML markup.
They should have a detailed
understanding of accessible
form and table markup.
They need to understand how
to make components
keyboard-only accessible.
And they should understand
that any “non-native” widgets
will need additional work to
make them accessible.

Recommended for you

What does “non-native”
mean?
“Non-native” means that the
markup that does not have
any underlying meaning.
The widgets use <div> and
<span> elements, which have
no native semantics.
“Non-native” widgets includes
things like modals, button
dropdowns and accordions.

Recommended for you

When using non-native
widgets, developers need to:
1. define an accessible name.
(Is it a modal, a tooltip, a popover?)
2. Define the current state if it
can change.
(Is it expanded, checked etc).
3. Define any relationships.
(Does it control another element, is it
owned by another element?)

Recommended for you

Conclusion
Baking accessibility into
design systems is not easy.
However, it can be done - even
if it’s one small step at a time.
It’s a journey, not a
destination.

Recommended for you

Russ Weakley
Max Design
Site: maxdesign.com.au
Twitter: twitter.com/russmaxdesign
Slideshare: slideshare.net/maxdesign
Linkedin: linkedin.com/in/russweakley

More Related Content

What's hot

aria-live: the good, the bad and the ugly
aria-live: the good, the bad and the uglyaria-live: the good, the bad and the ugly
aria-live: the good, the bad and the ugly
Russ Weakley
 
Accessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesAccessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxes
Russ Weakley
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labels
Russ Weakley
 
Access tips access and sql part 4 building select queries on-the-fly
Access tips  access and sql part 4  building select queries on-the-flyAccess tips  access and sql part 4  building select queries on-the-fly
Access tips access and sql part 4 building select queries on-the-fly
quest2900
 
Android app development guide for freshers by ace web academy
Android app development guide for freshers  by ace web academyAndroid app development guide for freshers  by ace web academy
Android app development guide for freshers by ace web academy
Ace Web Academy -Career Development Center
 
E learning excel vba programming lesson 1
E learning excel vba programming  lesson 1E learning excel vba programming  lesson 1
E learning excel vba programming lesson 1
Vijay Perepa
 
The Audio User Experience for Widgets
The Audio User Experience for WidgetsThe Audio User Experience for Widgets
The Audio User Experience for Widgets
toddkloots
 
android layouts
android layoutsandroid layouts
android layouts
Deepa Rani
 
Android development session 3 - layout
Android development   session 3 - layoutAndroid development   session 3 - layout
Android development session 3 - layout
Farabi Technology Middle East
 
Windows phone 8 session 13
Windows phone 8 session 13Windows phone 8 session 13
Windows phone 8 session 13
hitesh chothani
 
E learning excel vba programming lesson 2
E learning excel vba programming  lesson 2E learning excel vba programming  lesson 2
E learning excel vba programming lesson 2
Vijay Perepa
 
New Form Element in HTML5
New Form Element in HTML5New Form Element in HTML5
New Form Element in HTML5
Zahra Rezwana
 
Diving into VS 2015 Day1
Diving into VS 2015 Day1Diving into VS 2015 Day1
Diving into VS 2015 Day1
Akhil Mittal
 
Introduction to Silverlight
Introduction to SilverlightIntroduction to Silverlight
Introduction to Silverlight
Ed Donahue
 
Chapter03 Ppt
Chapter03 PptChapter03 Ppt
Chapter03 Ppt
Osama Yaseen
 
Android Layout.pptx
Android Layout.pptxAndroid Layout.pptx
Android Layout.pptx
vishal choudhary
 
Eo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5eEo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5e
Gina Bullock
 
Eo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5eEo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5e
Gina Bullock
 
Eo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5eEo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5e
Gina Bullock
 
Salesforce Admin Hacks
Salesforce Admin HacksSalesforce Admin Hacks
Salesforce Admin Hacks
Joshua Loomis
 

What's hot (20)

aria-live: the good, the bad and the ugly
aria-live: the good, the bad and the uglyaria-live: the good, the bad and the ugly
aria-live: the good, the bad and the ugly
 
Accessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesAccessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxes
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labels
 
Access tips access and sql part 4 building select queries on-the-fly
Access tips  access and sql part 4  building select queries on-the-flyAccess tips  access and sql part 4  building select queries on-the-fly
Access tips access and sql part 4 building select queries on-the-fly
 
Android app development guide for freshers by ace web academy
Android app development guide for freshers  by ace web academyAndroid app development guide for freshers  by ace web academy
Android app development guide for freshers by ace web academy
 
E learning excel vba programming lesson 1
E learning excel vba programming  lesson 1E learning excel vba programming  lesson 1
E learning excel vba programming lesson 1
 
The Audio User Experience for Widgets
The Audio User Experience for WidgetsThe Audio User Experience for Widgets
The Audio User Experience for Widgets
 
android layouts
android layoutsandroid layouts
android layouts
 
Android development session 3 - layout
Android development   session 3 - layoutAndroid development   session 3 - layout
Android development session 3 - layout
 
Windows phone 8 session 13
Windows phone 8 session 13Windows phone 8 session 13
Windows phone 8 session 13
 
E learning excel vba programming lesson 2
E learning excel vba programming  lesson 2E learning excel vba programming  lesson 2
E learning excel vba programming lesson 2
 
New Form Element in HTML5
New Form Element in HTML5New Form Element in HTML5
New Form Element in HTML5
 
Diving into VS 2015 Day1
Diving into VS 2015 Day1Diving into VS 2015 Day1
Diving into VS 2015 Day1
 
Introduction to Silverlight
Introduction to SilverlightIntroduction to Silverlight
Introduction to Silverlight
 
Chapter03 Ppt
Chapter03 PptChapter03 Ppt
Chapter03 Ppt
 
Android Layout.pptx
Android Layout.pptxAndroid Layout.pptx
Android Layout.pptx
 
Eo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5eEo gaddis java_chapter_11_5e
Eo gaddis java_chapter_11_5e
 
Eo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5eEo gaddis java_chapter_14_5e
Eo gaddis java_chapter_14_5e
 
Eo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5eEo gaddis java_chapter_13_5e
Eo gaddis java_chapter_13_5e
 
Salesforce Admin Hacks
Salesforce Admin HacksSalesforce Admin Hacks
Salesforce Admin Hacks
 

Similar to Accessibility in Design systems - the pain and glory

A holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app developmentA holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app development
Concetto Labs
 
Front End Frameworks - are they accessible
Front End Frameworks - are they accessibleFront End Frameworks - are they accessible
Front End Frameworks - are they accessible
Russ Weakley
 
Technical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdfTechnical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdf
SakthivelPeriyasamy6
 
Enter the Big Picture
Enter the Big PictureEnter the Big Picture
Enter the Big Picture
Folio3 Software
 
How to do code review and use analysis tool in software development
How to do code review and use analysis tool in software developmentHow to do code review and use analysis tool in software development
How to do code review and use analysis tool in software development
Mitosis Technology
 
Designing Good API & Its Importance
Designing Good API & Its ImportanceDesigning Good API & Its Importance
Designing Good API & Its Importance
Imran M Yousuf
 
How to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdfHow to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdf
christiemarie4
 
How to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate FounderHow to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate Founder
Product School
 
Notes on software engineering
Notes on software engineeringNotes on software engineering
Notes on software engineering
Ertan Deniz
 
Unit iv
Unit ivUnit iv
test
testtest
Flutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdfFlutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdf
DianApps Technologies
 
Software design.edited (1)
Software design.edited (1)Software design.edited (1)
Software design.edited (1)
FarjanaAhmed3
 
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Chris Laning
 
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes
Martin Stehle
 
Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!
Inexture Solutions
 
Software Development Standard Operating Procedure
Software Development Standard Operating Procedure Software Development Standard Operating Procedure
Software Development Standard Operating Procedure
rupeshchanchal
 
Design submission template
Design submission templateDesign submission template
Design submission template
krudee
 
Inclusive Design 101
Inclusive Design 101Inclusive Design 101
Inclusive Design 101
Amanda Reagan
 
Successfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience ManagerSuccessfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience Manager
Perficient, Inc.
 

Similar to Accessibility in Design systems - the pain and glory (20)

A holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app developmentA holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app development
 
Front End Frameworks - are they accessible
Front End Frameworks - are they accessibleFront End Frameworks - are they accessible
Front End Frameworks - are they accessible
 
Technical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdfTechnical-design-for-Angular-apps.pdf
Technical-design-for-Angular-apps.pdf
 
Enter the Big Picture
Enter the Big PictureEnter the Big Picture
Enter the Big Picture
 
How to do code review and use analysis tool in software development
How to do code review and use analysis tool in software developmentHow to do code review and use analysis tool in software development
How to do code review and use analysis tool in software development
 
Designing Good API & Its Importance
Designing Good API & Its ImportanceDesigning Good API & Its Importance
Designing Good API & Its Importance
 
How to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdfHow to Hire Flutter Developers in India Quick Guide.pdf
How to Hire Flutter Developers in India Quick Guide.pdf
 
How to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate FounderHow to Best Develop a Product by PlateRate Founder
How to Best Develop a Product by PlateRate Founder
 
Notes on software engineering
Notes on software engineeringNotes on software engineering
Notes on software engineering
 
Unit iv
Unit ivUnit iv
Unit iv
 
test
testtest
test
 
Flutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdfFlutter App Performance Optimization_ Tips and Techniques.pdf
Flutter App Performance Optimization_ Tips and Techniques.pdf
 
Software design.edited (1)
Software design.edited (1)Software design.edited (1)
Software design.edited (1)
 
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
 
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesEssential html tweaks for accessible themes
Essential html tweaks for accessible themes
 
Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!Best Practices to Ace ReactJS Web Development!
Best Practices to Ace ReactJS Web Development!
 
Software Development Standard Operating Procedure
Software Development Standard Operating Procedure Software Development Standard Operating Procedure
Software Development Standard Operating Procedure
 
Design submission template
Design submission templateDesign submission template
Design submission template
 
Inclusive Design 101
Inclusive Design 101Inclusive Design 101
Inclusive Design 101
 
Successfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience ManagerSuccessfully Implement Responsive Design Behavior with Adobe Experience Manager
Successfully Implement Responsive Design Behavior with Adobe Experience Manager
 

More from Russ Weakley

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windows
Russ Weakley
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions
Russ Weakley
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names
Russ Weakley
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
Russ Weakley
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
Russ Weakley
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader
Russ Weakley
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
Russ Weakley
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries
Russ Weakley
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries
Russ Weakley
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24
Russ Weakley
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete
Russ Weakley
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown
Russ Weakley
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
Russ Weakley
 
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-Height
Russ Weakley
 
Understanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntaxUnderstanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntax
Russ Weakley
 
Specialise or cross-skill
Specialise or cross-skillSpecialise or cross-skill
Specialise or cross-skill
Russ Weakley
 
CSS pattern libraries
CSS pattern librariesCSS pattern libraries
CSS pattern libraries
Russ Weakley
 
Responsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzwordResponsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzword
Russ Weakley
 

More from Russ Weakley (18)

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windows
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
 
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-Height
 
Understanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntaxUnderstanding the mysteries of the CSS property value syntax
Understanding the mysteries of the CSS property value syntax
 
Specialise or cross-skill
Specialise or cross-skillSpecialise or cross-skill
Specialise or cross-skill
 
CSS pattern libraries
CSS pattern librariesCSS pattern libraries
CSS pattern libraries
 
Responsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzwordResponsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzword
 

Recently uploaded

CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
Nguyen Thanh Tu Collection
 
NLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacherNLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacher
AngelicaLubrica
 
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptxChapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Brajeswar Paul
 
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptxUnlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx
bipin95
 
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
MysoreMuleSoftMeetup
 
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Neny Isharyanti
 
No, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalismNo, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalism
Paul Bradshaw
 
Delegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use CasesDelegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use Cases
Celine George
 
How to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 WebsiteHow to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 Website
Celine George
 
The membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERPThe membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERP
Celine George
 
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
PECB
 
Webinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional SkillsWebinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional Skills
EduSkills OECD
 
NAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource BookNAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource Book
lakitawilson
 
How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17
Celine George
 
The basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptxThe basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptx
heathfieldcps1
 
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptxBRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
kambal1234567890
 
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUMENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
HappieMontevirgenCas
 
2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference
KlettWorldLanguages
 
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Celine George
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
thanhluan21
 

Recently uploaded (20)

CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
 
NLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacherNLC English 7 Consolidation Lesson plan for teacher
NLC English 7 Consolidation Lesson plan for teacher
 
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptxChapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
Chapter-2-Era-of-One-party-Dominance-Class-12-Political-Science-Notes-2 (1).pptx
 
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptxUnlocking Educational Synergy-DIKSHA & Google Classroom.pptx
Unlocking Educational Synergy-DIKSHA & Google Classroom.pptx
 
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
 
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
 
No, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalismNo, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalism
 
Delegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use CasesDelegation Inheritance in Odoo 17 and Its Use Cases
Delegation Inheritance in Odoo 17 and Its Use Cases
 
How to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 WebsiteHow to Store Data on the Odoo 17 Website
How to Store Data on the Odoo 17 Website
 
The membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERPThe membership Module in the Odoo 17 ERP
The membership Module in the Odoo 17 ERP
 
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
 
Webinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional SkillsWebinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional Skills
 
NAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource BookNAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource Book
 
How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17How to Configure Time Off Types in Odoo 17
How to Configure Time Off Types in Odoo 17
 
The basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptxThe basics of sentences session 9pptx.pptx
The basics of sentences session 9pptx.pptx
 
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptxBRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
 
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUMENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
ENGLISH-7-CURRICULUM MAP- MATATAG CURRICULUM
 
2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference
 
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
 

Accessibility in Design systems - the pain and glory