#admin
Tags list:
#frontendmasters
#course - suppose, you want to use this one tag for fast travel between courses
#lesson
#720p
Uploaded 196 courses with 7287 lessons.
In most case we have 720p video (except a few in the top, with 2160p instead, but marked as 720p too.That's because I'm too lazy )
I have backups if this channel would be deleted.
I will just make another one with equal or semi equal name.
Our Channels:
@vue_courses
@vue_updates
@frontendmasters_courses
Contacts:
@Black_Yuzia
Tags list:
#frontendmasters
#course - suppose, you want to use this one tag for fast travel between courses
#lesson
#720p
Uploaded 196 courses with 7287 lessons.
In most case we have 720p video (except a few in the top, with 2160p instead, but marked as 720p too.
I have backups if this channel would be deleted.
I will just make another one with equal or semi equal name.
Our Channels:
@vue_courses
@vue_updates
@frontendmasters_courses
Contacts:
@Black_Yuzia
❤5👍2
Title: Enterprise Web App Accessibility (feat. React)
Description: Enhance your team's understanding of testing for accessibility and baking it into your React web apps. Learn about ARIA, focus management, semantic HTML, and testing strategies to create inclusive and user-friendly web interfaces.
Link: https://frontendmasters.com/courses/enterprise-accessibility/
Time: 5 hours, 5 minutes
Lessons: 32 / 32
Tags: #course #frontendmasters #720p
Description: Enhance your team's understanding of testing for accessibility and baking it into your React web apps. Learn about ARIA, focus management, semantic HTML, and testing strategies to create inclusive and user-friendly web interfaces.
Link: https://frontendmasters.com/courses/enterprise-accessibility/
Time: 5 hours, 5 minutes
Lessons: 32 / 32
Tags: #course #frontendmasters #720p
Frontendmasters
Web App Accessibility Tech Leads | Improve UI Inclusivity for React Apps
Enhance your team's understanding of testing for accessibility and baking it into your React web apps. Learn about ARIA, focus management, semantic HTML, and testing strategies to create inclusive and user-friendly web interfaces.
Media is too big
VIEW IN TELEGRAM
1. Introduction
Marcy Sutton Todd introduces the focus of this course and provides an overview of what material will be covered in the course.
- https://github.com/marcysutton/frontend-masters-enterprise-accessibility
- https://enterprise-accessibility.vercel.app/topics
#lesson
Marcy Sutton Todd introduces the focus of this course and provides an overview of what material will be covered in the course.
- https://github.com/marcysutton/frontend-masters-enterprise-accessibility
- https://enterprise-accessibility.vercel.app/topics
#lesson
Media is too big
VIEW IN TELEGRAM
2. Tips and Tools
Marcy discusses the importance of accessibility, the benefits of incorporating it into software development, and the potential challenges and misconceptions surrounding accessibility. The instructor also provides practical tips for testing accessibility using screen readers and suggests tools for Windows users.
#lesson
Marcy discusses the importance of accessibility, the benefits of incorporating it into software development, and the potential challenges and misconceptions surrounding accessibility. The instructor also provides practical tips for testing accessibility using screen readers and suggests tools for Windows users.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Accessibility in the Wild
Marcy reviews some examples of accessibility in action on various websites. They discuss the importance of considering the user experience for accessibility and highlight both good and bad practices they observe. The lesson emphasizes the need for developers to strengthen their understanding of accessibility and to test websites with keyboard navigation and other assistive technologies.
- https://enterprise-accessibility.vercel.app/topics/introduction/examples
#lesson
Marcy reviews some examples of accessibility in action on various websites. They discuss the importance of considering the user experience for accessibility and highlight both good and bad practices they observe. The lesson emphasizes the need for developers to strengthen their understanding of accessibility and to test websites with keyboard navigation and other assistive technologies.
- https://enterprise-accessibility.vercel.app/topics/introduction/examples
#lesson
Media is too big
VIEW IN TELEGRAM
4. Prioritizing Accessibility in Software Dev
Marcy discusses how the concept of minimum viable products (MVPs) applies to accessibility in software development. They explain that MVPs involve producing iterations of a product that meet customer needs at each step, rather than trying to create a fully developed product all at once. The speaker emphasizes the importance of incorporating accessibility early in the development process and provides strategies for prioritizing accessibility tasks and convincing stakeholders of their importance.
#lesson
Marcy discusses how the concept of minimum viable products (MVPs) applies to accessibility in software development. They explain that MVPs involve producing iterations of a product that meet customer needs at each step, rather than trying to create a fully developed product all at once. The speaker emphasizes the importance of incorporating accessibility early in the development process and provides strategies for prioritizing accessibility tasks and convincing stakeholders of their importance.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Accessibility Project Requirements Exercise
Marcy leads a discussion about the accessibility requirements for a type-ahead search component modeled after the one on Amazon. The participants discuss various aspects such as keyboard navigation, focus trapping, announcing information to screen readers, marking up images, and considering the backend and API requirements. They also emphasize the importance of early consideration of accessibility and user testing.
- https://enterprise-accessibility.vercel.app/topics/mvps/exercise-1
#lesson
Marcy leads a discussion about the accessibility requirements for a type-ahead search component modeled after the one on Amazon. The participants discuss various aspects such as keyboard navigation, focus trapping, announcing information to screen readers, marking up images, and considering the backend and API requirements. They also emphasize the importance of early consideration of accessibility and user testing.
- https://enterprise-accessibility.vercel.app/topics/mvps/exercise-1
#lesson
Media is too big
VIEW IN TELEGRAM
6. Accessibility Foundations Review
Marcy discusses the importance of accessibility in user interfaces and emphasizes the need to learn and apply the basics of accessibility. They mention the use of valid semantic markup with HTML and ARIA, and the importance of visual contrast, font size, intuitive interfaces, and clear interactive elements. The instructor also mentions the use of heading levels, landmark elements, and buttons for keyboard and screen reader accessibility.
- https://enterprise-accessibility.vercel.app/topics/accessible-uis/introduction
#lesson
Marcy discusses the importance of accessibility in user interfaces and emphasizes the need to learn and apply the basics of accessibility. They mention the use of valid semantic markup with HTML and ARIA, and the importance of visual contrast, font size, intuitive interfaces, and clear interactive elements. The instructor also mentions the use of heading levels, landmark elements, and buttons for keyboard and screen reader accessibility.
- https://enterprise-accessibility.vercel.app/topics/accessible-uis/introduction
#lesson
Media is too big
VIEW IN TELEGRAM
7. Common Accessibility Issues
Marcy discusses various issues that can arise when reviewing code or evaluating open source libraries or component libraries. They mention specific things to look out for, such as form labels made with spans instead of label elements, custom controls that could be default HTML elements, modals and layers without proper accessibility, and onClick events on divs instead of buttons.
#lesson
Marcy discusses various issues that can arise when reviewing code or evaluating open source libraries or component libraries. They mention specific things to look out for, such as form labels made with spans instead of label elements, custom controls that could be default HTML elements, modals and layers without proper accessibility, and onClick events on divs instead of buttons.
#lesson
Media is too big
VIEW IN TELEGRAM
8. Buttons, Links, & Div Accessibility
Marcy explains that buttons are used for toggling things, submitting forms, and interacting with the page. The instructor also emphasizes the importance of using buttons and links appropriately, as well as the potential confusion that can arise if they are not used correctly. They provide examples and tips for making buttons accessible and discuss the potential pitfalls of using divs with click events instead of buttons. The lesson also touches on the role of AI in accessibility and the need for developers to take responsibility for creating accessible interfaces.
#lesson
Marcy explains that buttons are used for toggling things, submitting forms, and interacting with the page. The instructor also emphasizes the importance of using buttons and links appropriately, as well as the potential confusion that can arise if they are not used correctly. They provide examples and tips for making buttons accessible and discuss the potential pitfalls of using divs with click events instead of buttons. The lesson also touches on the role of AI in accessibility and the need for developers to take responsibility for creating accessible interfaces.
#lesson
Media is too big
VIEW IN TELEGRAM
9. Visibility Methods
Marcy discusses various visibility methods in CSS. They cover techniques such as visually hidden or screen reader only classes, display none, visibility hidden, opacity, ARIA hidden, and the hidden attribute. The instructor explains how each method works, their effects on the rendered output, and potential use cases and pitfalls to watch out for. They also demonstrate how to inspect and test these visibility methods using Chrome Dev Tools and a screen reader.
#lesson
Marcy discusses various visibility methods in CSS. They cover techniques such as visually hidden or screen reader only classes, display none, visibility hidden, opacity, ARIA hidden, and the hidden attribute. The instructor explains how each method works, their effects on the rendered output, and potential use cases and pitfalls to watch out for. They also demonstrate how to inspect and test these visibility methods using Chrome Dev Tools and a screen reader.
#lesson