ºÝºÝߣshows by User: maxdesign / http://www.slideshare.net/images/logo.gif ºÝºÝߣshows by User: maxdesign / Sat, 19 Nov 2022 09:42:27 GMT ºÝºÝߣShare feed for ºÝºÝߣshows by User: maxdesign Accessible chat windows /slideshow/accessible-chat-windows/254328012 2022-04-13-chat-windows-v5-221119094227-650d03bd
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.]]>
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.]]> Sat, 19 Nov 2022 09:42:27 GMT /slideshow/accessible-chat-windows/254328012 maxdesign@slideshare.net(maxdesign) Accessible chat windows maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2022-04-13-chat-windows-v5-221119094227-650d03bd-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Accessible chat windows from Russ Weakley
]]> 339 0 https://cdn.slidesharecdn.com/ss_thumbnails/2022-04-13-chat-windows-v5-221119094227-650d03bd-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessible names & descriptions /slideshow/accessible-names-descriptions/254327985 2021-11-05-accessible-names-descriptions-221119093735-e9e2dff1
A detailed look at how accessible names and descriptions are calculated using the W3C's formal standards.]]>
A detailed look at how accessible names and descriptions are calculated using the W3C's formal standards.]]> Sat, 19 Nov 2022 09:37:35 GMT /slideshow/accessible-names-descriptions/254327985 maxdesign@slideshare.net(maxdesign) Accessible names & descriptions maxdesign A detailed look at how accessible names and descriptions are calculated using the W3C's formal standards. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2021-11-05-accessible-names-descriptions-221119093735-e9e2dff1-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> A detailed look at how accessible names and descriptions are calculated using the W3C&#39;s formal standards.
Accessible names & descriptions from Russ Weakley
]]> 37 0 https://cdn.slidesharecdn.com/ss_thumbnails/2021-11-05-accessible-names-descriptions-221119093735-e9e2dff1-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 A deep dive into accessible names /slideshow/a-deep-dive-into-accessible-names/254327893 2020-11-12-allycamp-russ-weakley-v01-221119092905-79ab3821
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.]]>
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.]]> Sat, 19 Nov 2022 09:29:05 GMT /slideshow/a-deep-dive-into-accessible-names/254327893 maxdesign@slideshare.net(maxdesign) A deep dive into accessible names maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2020-11-12-allycamp-russ-weakley-v01-221119092905-79ab3821-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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&#39;s Accessible Name and Description Computation.
A deep dive into accessible names from Russ Weakley
]]> 71 0 https://cdn.slidesharecdn.com/ss_thumbnails/2020-11-12-allycamp-russ-weakley-v01-221119092905-79ab3821-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 What are accessible names and why should you care? /slideshow/what-are-accessible-names-and-why-should-you-care/238518898 2020-09-17-id24-russ-weakley-v14-200917070804
This presentation will look at accessible names, how they are exposed in the browsers accessibility tree, and their importance to assistive technologies. There will be a deep dive into simple examples, advanced examples using ARIA, and an overview of the W3C's Accessible Name and Description Computation.]]>
This presentation will look at accessible names, how they are exposed in the browsers accessibility tree, and their importance to assistive technologies. There will be a deep dive into simple examples, advanced examples using ARIA, and an overview of the W3C's Accessible Name and Description Computation.]]> Thu, 17 Sep 2020 07:08:04 GMT /slideshow/what-are-accessible-names-and-why-should-you-care/238518898 maxdesign@slideshare.net(maxdesign) What are accessible names and why should you care? maxdesign This presentation will look at accessible names, how they are exposed in the browsers accessibility tree, and their importance to assistive technologies. There will be a deep dive into simple examples, advanced examples using ARIA, and an overview of the W3C's Accessible Name and Description Computation. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2020-09-17-id24-russ-weakley-v14-200917070804-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This presentation will look at accessible names, how they are exposed in the browsers accessibility tree, and their importance to assistive technologies. There will be a deep dive into simple examples, advanced examples using ARIA, and an overview of the W3C&#39;s Accessible Name and Description Computation.
What are accessible names and why should you care? from Russ Weakley
]]> 1410 2 https://cdn.slidesharecdn.com/ss_thumbnails/2020-09-17-id24-russ-weakley-v14-200917070804-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 How to build accessible UI components /slideshow/how-to-build-accessible-ui-components/235338661 2020-05-21-allybytes-russ-weakley-v9-200610111938
This presentation was fro the AllyBtyes event on 21 May 2020. The presentations looks at a pattern for building or reviewing any new UI component – semantics, focusable, keyboard interaction, visible states, accessible name and relationships. ]]>
This presentation was fro the AllyBtyes event on 21 May 2020. The presentations looks at a pattern for building or reviewing any new UI component – semantics, focusable, keyboard interaction, visible states, accessible name and relationships. ]]> Wed, 10 Jun 2020 11:19:37 GMT /slideshow/how-to-build-accessible-ui-components/235338661 maxdesign@slideshare.net(maxdesign) How to build accessible UI components maxdesign This presentation was fro the AllyBtyes event on 21 May 2020. The presentations looks at a pattern for building or reviewing any new UI component – semantics, focusable, keyboard interaction, visible states, accessible name and relationships. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2020-05-21-allybytes-russ-weakley-v9-200610111938-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This presentation was fro the AllyBtyes event on 21 May 2020. The presentations looks at a pattern for building or reviewing any new UI component – semantics, focusable, keyboard interaction, visible states, accessible name and relationships.
How to build accessible UI components from Russ Weakley
]]> 468 1 https://cdn.slidesharecdn.com/ss_thumbnails/2020-05-21-allybytes-russ-weakley-v9-200610111938-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 What is WCAG 2 and why should we care? /slideshow/what-is-wcag-2-and-why-should-we-care/235338480 2020-05-07-future-wcag-v3-200610111353
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?"]]>
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?"]]> Wed, 10 Jun 2020 11:13:53 GMT /slideshow/what-is-wcag-2-and-why-should-we-care/235338480 maxdesign@slideshare.net(maxdesign) What is WCAG 2 and why should we care? maxdesign 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?" <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2020-05-07-future-wcag-v3-200610111353-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> A presentation for IAG staff for the &quot;Future is here&quot; event on 6 May 20202. This presentation covers three topics - &quot;What are our legal responsibilities around accessibility?&quot;, &quot;What is WCAG?&quot;, and &quot;What is inclusive design?&quot;
What is WCAG 2 and why should we care? from Russ Weakley
]]> 334 1 https://cdn.slidesharecdn.com/ss_thumbnails/2020-05-07-future-wcag-v3-200610111353-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessible states in Design Systems /slideshow/accessible-states-in-design-systems/180810804 2019-10-10-states-v9-191011002814
This ID24 2019 talk will look at a the importance of states (visited, focus, active, checked/selected, open and more) when building design systems. We will explore their relevance, how to maintain consistency and how to systemise when designing at scale. ]]>
This ID24 2019 talk will look at a the importance of states (visited, focus, active, checked/selected, open and more) when building design systems. We will explore their relevance, how to maintain consistency and how to systemise when designing at scale. ]]> Fri, 11 Oct 2019 00:28:14 GMT /slideshow/accessible-states-in-design-systems/180810804 maxdesign@slideshare.net(maxdesign) Accessible states in Design Systems maxdesign This ID24 2019 talk will look at a the importance of states (visited, focus, active, checked/selected, open and more) when building design systems. We will explore their relevance, how to maintain consistency and how to systemise when designing at scale. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2019-10-10-states-v9-191011002814-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This ID24 2019 talk will look at a the importance of states (visited, focus, active, checked/selected, open and more) when building design systems. We will explore their relevance, how to maintain consistency and how to systemise when designing at scale.
Accessible states in Design Systems from Russ Weakley
]]> 1330 2 https://cdn.slidesharecdn.com/ss_thumbnails/2019-10-10-states-v9-191011002814-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Creating accessible modals and autocompletes /slideshow/creating-accessible-modals-and-autocompletes/167465381 modal-autocomplete-190829140958
In this two-part presentation, Russ will guide us on a deep dive into how to create accessible modals and accessible autocomplete search functions. Along the way, we will look at the problem for different types of users as well as explore how ARIA can be used to improve these experiences. There will be blood, sweat and tears (Russ' words!) but hopefully a happy outcome for all. Presentation for the Sydney Web Accessibility & Inclusive Design - 30 August 2019]]>
In this two-part presentation, Russ will guide us on a deep dive into how to create accessible modals and accessible autocomplete search functions. Along the way, we will look at the problem for different types of users as well as explore how ARIA can be used to improve these experiences. There will be blood, sweat and tears (Russ' words!) but hopefully a happy outcome for all. Presentation for the Sydney Web Accessibility & Inclusive Design - 30 August 2019]]> Thu, 29 Aug 2019 14:09:58 GMT /slideshow/creating-accessible-modals-and-autocompletes/167465381 maxdesign@slideshare.net(maxdesign) Creating accessible modals and autocompletes maxdesign In this two-part presentation, Russ will guide us on a deep dive into how to create accessible modals and accessible autocomplete search functions. Along the way, we will look at the problem for different types of users as well as explore how ARIA can be used to improve these experiences. There will be blood, sweat and tears (Russ' words!) but hopefully a happy outcome for all. Presentation for the Sydney Web Accessibility & Inclusive Design - 30 August 2019 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/modal-autocomplete-190829140958-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> In this two-part presentation, Russ will guide us on a deep dive into how to create accessible modals and accessible autocomplete search functions. Along the way, we will look at the problem for different types of users as well as explore how ARIA can be used to improve these experiences. There will be blood, sweat and tears (Russ&#39; words!) but hopefully a happy outcome for all. Presentation for the Sydney Web Accessibility &amp; Inclusive Design - 30 August 2019
Creating accessible modals and autocompletes from Russ Weakley
]]> 1608 5 https://cdn.slidesharecdn.com/ss_thumbnails/modal-autocomplete-190829140958-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Building an accessible progressive loader /maxdesign/building-an-accessible-progressive-loader 2019-05-16-progress-loader-v3-190521082743
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.]]>
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.]]> Tue, 21 May 2019 08:27:43 GMT /maxdesign/building-an-accessible-progressive-loader maxdesign@slideshare.net(maxdesign) Building an accessible progressive loader maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2019-05-16-progress-loader-v3-190521082743-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Building an accessible progressive loader from Russ Weakley
]]> 2379 3 https://cdn.slidesharecdn.com/ss_thumbnails/2019-05-16-progress-loader-v3-190521082743-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessibility in Design systems - the pain and glory /slideshow/accessibility-in-design-systems-the-pain-and-glory/124460622 2018-10-19-pain-and-glory-v6-181130053028
ºÝºÝߣs from CodeHeart Design 2018: Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege", or can it become part of the normal work flow. We'll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process.]]>
ºÝºÝߣs from CodeHeart Design 2018: Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege", or can it become part of the normal work flow. We'll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process.]]> Fri, 30 Nov 2018 05:30:28 GMT /slideshow/accessibility-in-design-systems-the-pain-and-glory/124460622 maxdesign@slideshare.net(maxdesign) Accessibility in Design systems - the pain and glory maxdesign ºÝºÝߣs from CodeHeart Design 2018: Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege", or can it become part of the normal work flow. We'll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2018-10-19-pain-and-glory-v6-181130053028-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> ºÝºÝߣs from CodeHeart Design 2018: Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an &quot;up-at-dawn, pride-swallowing siege&quot;, or can it become part of the normal work flow. We&#39;ll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process.
Accessibility in Design systems - the pain and glory from Russ Weakley
]]> 1873 2 https://cdn.slidesharecdn.com/ss_thumbnails/2018-10-19-pain-and-glory-v6-181130053028-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessible Inline errors messages /slideshow/accessible-inline-errors-messages/123671174 2018-11-22-hints-errors-v10-181122024429
Presentation for OZeWAI Sydney 2018. A walk through of four different methods for making inline error messages programmatically associated. Also covers aria-invalid and aria-live. ]]>
Presentation for OZeWAI Sydney 2018. A walk through of four different methods for making inline error messages programmatically associated. Also covers aria-invalid and aria-live. ]]> Thu, 22 Nov 2018 02:44:29 GMT /slideshow/accessible-inline-errors-messages/123671174 maxdesign@slideshare.net(maxdesign) Accessible Inline errors messages maxdesign Presentation for OZeWAI Sydney 2018. A walk through of four different methods for making inline error messages programmatically associated. Also covers aria-invalid and aria-live. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2018-11-22-hints-errors-v10-181122024429-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Presentation for OZeWAI Sydney 2018. A walk through of four different methods for making inline error messages programmatically associated. Also covers aria-invalid and aria-live.
Accessible Inline errors messages from Russ Weakley
]]> 1754 3 https://cdn.slidesharecdn.com/ss_thumbnails/2018-11-22-hints-errors-v10-181122024429-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessible Form Hints and Errors /slideshow/accessible-hints-and-error-messages/119804686 2018-10-18-hints-errors-v6-181018010315
Presentation for A11yCamp Melbounre 2018. It all seems so easy, adding a hint or an error to a form field. But what happens when you’re suddenly asked to add pop-up tool tips? Or, even worse, additional information as modals? This presentation will take you through the highs and lows of tool tips and error messages. Along the way, we’ll look at some new ARIA 1.1 attributes like aria-errormessage. ]]>
Presentation for A11yCamp Melbounre 2018. It all seems so easy, adding a hint or an error to a form field. But what happens when you’re suddenly asked to add pop-up tool tips? Or, even worse, additional information as modals? This presentation will take you through the highs and lows of tool tips and error messages. Along the way, we’ll look at some new ARIA 1.1 attributes like aria-errormessage. ]]> Thu, 18 Oct 2018 01:03:15 GMT /slideshow/accessible-hints-and-error-messages/119804686 maxdesign@slideshare.net(maxdesign) Accessible Form Hints and Errors maxdesign Presentation for A11yCamp Melbounre 2018. It all seems so easy, adding a hint or an error to a form field. But what happens when you’re suddenly asked to add pop-up tool tips? Or, even worse, additional information as modals? This presentation will take you through the highs and lows of tool tips and error messages. Along the way, we’ll look at some new ARIA 1.1 attributes like aria-errormessage. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2018-10-18-hints-errors-v6-181018010315-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Presentation for A11yCamp Melbounre 2018. It all seems so easy, adding a hint or an error to a form field. But what happens when you’re suddenly asked to add pop-up tool tips? Or, even worse, additional information as modals? This presentation will take you through the highs and lows of tool tips and error messages. Along the way, we’ll look at some new ARIA 1.1 attributes like aria-errormessage.
Accessible Form Hints and Errors from Russ Weakley
]]> 1895 2 https://cdn.slidesharecdn.com/ss_thumbnails/2018-10-18-hints-errors-v6-181018010315-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 What is accessibility? /slideshow/what-is-accessibility/90335874 intro-to-accessibility09-180312020424
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.]]>
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.]]> Mon, 12 Mar 2018 02:04:24 GMT /slideshow/what-is-accessibility/90335874 maxdesign@slideshare.net(maxdesign) What is accessibility? maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/intro-to-accessibility09-180312020424-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
What is accessibility? from Russ Weakley
]]> 5972 5 https://cdn.slidesharecdn.com/ss_thumbnails/intro-to-accessibility09-180312020424-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessibility in Pattern Libraries /slideshow/accessibility-in-pattern-libraries-87905715/87905715 2018-02-meetup-patterns-v9-180213045045
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.]]>
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.]]> Tue, 13 Feb 2018 04:50:45 GMT /slideshow/accessibility-in-pattern-libraries-87905715/87905715 maxdesign@slideshare.net(maxdesign) Accessibility in Pattern Libraries maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2018-02-meetup-patterns-v9-180213045045-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Accessibility in Pattern Libraries from Russ Weakley
]]> 1646 5 https://cdn.slidesharecdn.com/ss_thumbnails/2018-02-meetup-patterns-v9-180213045045-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Accessibility in pattern libraries /slideshow/accessibility-in-pattern-libraries/82429801 2017-11-ozewai-patterns-v3-171121055930
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.]]>
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.]]> Tue, 21 Nov 2017 05:59:30 GMT /slideshow/accessibility-in-pattern-libraries/82429801 maxdesign@slideshare.net(maxdesign) Accessibility in pattern libraries maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2017-11-ozewai-patterns-v3-171121055930-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Accessibility in pattern libraries from Russ Weakley
]]> 1661 1 https://cdn.slidesharecdn.com/ss_thumbnails/2017-11-ozewai-patterns-v3-171121055930-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Building an accessible auto-complete - #ID24 /slideshow/building-an-accessible-autocomplete-id24/82143774 id24-171116062510
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. ]]>
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. ]]> Thu, 16 Nov 2017 06:25:10 GMT /slideshow/building-an-accessible-autocomplete-id24/82143774 maxdesign@slideshare.net(maxdesign) Building an accessible auto-complete - #ID24 maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/id24-171116062510-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Building an accessible auto-complete - #ID24 from Russ Weakley
]]> 1401 2 https://cdn.slidesharecdn.com/ss_thumbnails/id24-171116062510-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Building an accessible auto-complete /slideshow/building-an-accessible-autocomplete/79719857 a11ybytescamp-russ-weakley-v2-170913101341
This presentation for A11yBytes Camp Sydney 2017 takes 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.]]>
This presentation for A11yBytes Camp Sydney 2017 takes 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.]]> Wed, 13 Sep 2017 10:13:41 GMT /slideshow/building-an-accessible-autocomplete/79719857 maxdesign@slideshare.net(maxdesign) Building an accessible auto-complete maxdesign This presentation for A11yBytes Camp Sydney 2017 takes 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/a11ybytescamp-russ-weakley-v2-170913101341-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This presentation for A11yBytes Camp Sydney 2017 takes 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.
Building an accessible auto-complete from Russ Weakley
]]> 10131 8 https://cdn.slidesharecdn.com/ss_thumbnails/a11ybytescamp-russ-weakley-v2-170913101341-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Creating Acessible floating labels /slideshow/creating-acessible-flaoting-labels/76785710 id24-russ-weakley2-170609031006
This presentation for Inclusive Design 24 (#ID24) explores how to create accessible, usable "floating" labels. Floating labels are where the label moves above form controls based on user interaction. ]]>
This presentation for Inclusive Design 24 (#ID24) explores how to create accessible, usable "floating" labels. Floating labels are where the label moves above form controls based on user interaction. ]]> Fri, 09 Jun 2017 03:10:06 GMT /slideshow/creating-acessible-flaoting-labels/76785710 maxdesign@slideshare.net(maxdesign) Creating Acessible floating labels maxdesign This presentation for Inclusive Design 24 (#ID24) explores how to create accessible, usable "floating" labels. Floating labels are where the label moves above form controls based on user interaction. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/id24-russ-weakley2-170609031006-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This presentation for Inclusive Design 24 (#ID24) explores how to create accessible, usable &quot;floating&quot; labels. Floating labels are where the label moves above form controls based on user interaction.
Creating Acessible floating labels from Russ Weakley
]]> 2903 3 https://cdn.slidesharecdn.com/ss_thumbnails/id24-russ-weakley2-170609031006-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Creating an Accessible button dropdown /slideshow/creating-an-accessible-button-dropdown/75973873 a11y-bytes-russ-weakley-sydney-170515054158
A quick slide deck that outlines a range of pointers that can be used to help make button dropdowns more accessible.]]>
A quick slide deck that outlines a range of pointers that can be used to help make button dropdowns more accessible.]]> Mon, 15 May 2017 05:41:58 GMT /slideshow/creating-an-accessible-button-dropdown/75973873 maxdesign@slideshare.net(maxdesign) Creating an Accessible button dropdown maxdesign A quick slide deck that outlines a range of pointers that can be used to help make button dropdowns more accessible. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/a11y-bytes-russ-weakley-sydney-170515054158-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> A quick slide deck that outlines a range of pointers that can be used to help make button dropdowns more accessible.
Creating an Accessible button dropdown from Russ Weakley
]]> 3636 3 https://cdn.slidesharecdn.com/ss_thumbnails/a11y-bytes-russ-weakley-sydney-170515054158-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 Creating a Simple, Accessible On/Off Switch /slideshow/creating-a-simple-accessible-onoff-switch/70140102 scss-summit-161214154323
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.]]>
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.]]> Wed, 14 Dec 2016 15:43:23 GMT /slideshow/creating-a-simple-accessible-onoff-switch/70140102 maxdesign@slideshare.net(maxdesign) Creating a Simple, Accessible On/Off Switch maxdesign 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. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/scss-summit-161214154323-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 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.
Creating a Simple, Accessible On/Off Switch from Russ Weakley
]]> 2423 4 https://cdn.slidesharecdn.com/ss_thumbnails/scss-summit-161214154323-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 1 https://cdn.slidesharecdn.com/profile-photo-maxdesign-48x48.jpg?cb=1741563206 I'm a User Experience designer with over 20 years experience designing and developing websites and applications. I specialise in CSS, SASS, HTML, Responsive Web Design and Accessibility. Over the years, I have produced a series of widely acclaimed online tutorials on CSS, Responsive Web Design and web development. www.maxdesign.com.au https://cdn.slidesharecdn.com/ss_thumbnails/2022-04-13-chat-windows-v5-221119094227-650d03bd-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/accessible-chat-windows/254328012 Accessible chat windows https://cdn.slidesharecdn.com/ss_thumbnails/2021-11-05-accessible-names-descriptions-221119093735-e9e2dff1-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/accessible-names-descriptions/254327985 Accessible names &amp; des... https://cdn.slidesharecdn.com/ss_thumbnails/2020-11-12-allycamp-russ-weakley-v01-221119092905-79ab3821-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/a-deep-dive-into-accessible-names/254327893 A deep dive into acces...