Introduction to Developing Custom Components with ARIA 1 from Pluralsight

Set yourself above other front-end engineers by learning the core concepts and rules needed to architect and build any accessible custom component with ARIA, in order to provide inclusive experiences for all users.

ARIA can be difficult to understand and learn, but it is absolutely essential in order to provide a rich and interactive experience on the web. In this course, Introduction to Developing Custom Components with ARIA, you’ll learn foundational knowledge to build accessible interactive components using ARIA. First, you’ll explore important resources essential to guiding you as you engineer your custom components. Next, you’ll learn about the 5 rules of ARIA and the 3 things that all interactive components must provide. Finally, you’ll discover how to build an expandable component and a menu button as practical examples. When you’re finished with this course, you’ll have the skills and knowledge of the core principles that will guide you to develop your own accessible components using ARIA in order to ensure a good experience for everyone.

What's inside

Syllabus

Course Overview

Getting Started: Intro to ARIA

Building an Expandandable Component

Providing Actions with a Menu Button

Testing Menu Buttons with Assistive Technologies

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches the rules needed to build any accessible custom component with ARIA

Introduces resources essential for guiding you as you engineer your custom components

Teaches the 5 rules of ARIA and the 3 things that all interactive components must provide

Provides examples by showing how to build an expandable component and a menu button

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Introduction to Developing Custom Components with ARIA 1 with these activities:

Review the W3C's ARIA Authoring Practices

Show steps

Ensure your understanding of the fundamental guidelines for ARIA implementation.

Browse courses on Web Accessibility

Show steps

Access the W3C's ARIA Authoring Practices documentation
Review the guidelines and recommendations
Note any areas where you need to refresh your knowledge or skills

Seek guidance from experienced ARIA developers

Show steps

Connect with experienced ARIA developers to gain insights and guidance on effective implementation.

Show steps

Identify potential mentors through online forums, LinkedIn, or industry events
Reach out to mentors and express your interest in learning from them
Set up regular meetings or communication channels
Seek advice and guidance on ARIA implementation and best practices

Join a study group for ARIA best practices

Show steps

Collaborate with peers to discuss and implement best practices for ARIA-compliant component development.

Show steps

Find or form a study group with other students taking the course
Establish a regular meeting schedule
Share knowledge and resources on ARIA best practices
Review each other's work and provide feedback

Five other activities

Expand to see all activities and additional details

Show all eight activities

Follow tutorials on ARIA implementation

Show steps

Follow online tutorials and guides to gain practical experience implementing ARIA in your components.

Browse courses on Accessible Design

Show steps

Find reputable tutorials and guides on ARIA implementation
Follow the steps outlined in the tutorials
Implement the techniques in your own projects

Practice ARIA attribute values

Show steps

Practice using different ARIA attribute values to make your components more accessible.

Show steps

Review the different ARIA attribute values
Practice applying ARIA attributes to your components
Test your components with assistive technologies

Build an interactive menu component

Show steps

Build a simple interactive menu component to solidify your understanding of ARIA rules and principles.

Show steps

Review the ARIA rules and principles
Design the component's interface
Implement the component with ARIA attributes and roles
Test the component with assistive technologies

Create a blog post or article on ARIA principles

Show steps

Solidify your understanding of ARIA principles by explaining them to others through a blog post or article.

Browse courses on Web Accessibility

Show steps

Choose a specific aspect of ARIA principles to focus on
Research and gather information on the topic
Write a draft of your blog post or article
Edit and refine your content
Publish and share your blog post or article

Participate in an ARIA-focused hackathon or design competition

Show steps

Challenge yourself by applying your ARIA skills in a competitive environment.

Show steps

Find an appropriate ARIA-focused hackathon or design competition
Form a team or work individually
Develop a solution that meets the competition requirements
Submit your solution
Receive feedback and recognition for your work

Career center

Learners who complete Introduction to Developing Custom Components with ARIA 1 will develop knowledge and skills that may be useful to these careers:

Web Content Accessibility Specialist

A Web Content Accessibility Specialist works to ensure that web content is accessible to people with disabilities. This includes creating accessible text, images, and videos, as well as ensuring that the website is navigable by assistive technologies. This course can provide Web Content Accessibility Specialists with the knowledge and skills needed to create accessible web content.

See salaries and explore the career path for Web Content Accessibility Specialist

Accessibility Consultant

An Accessibility Consultant helps organizations to make their websites and web applications accessible to people with disabilities. They may work with developers, designers, and other stakeholders to ensure that websites and web applications meet accessibility standards. This course can provide Accessibility Consultants with the knowledge and skills needed to help organizations create accessible websites and web applications.

See salaries and explore the career path for Accessibility Consultant

Front-End Developer

A Front-End Developer is responsible for the design and implementation of a website's or web application's user interface. They work to ensure that the website is accessible by all users, regardless of their abilities. This course can provide Front-End Developers with the knowledge and skills needed to build accessible web applications.

See salaries and explore the career path for Front-End Developer

Web Developer

A Web Developer engineers and designs websites for businesses. They create website structure, layout, graphics, content, and applications. This course can help a Web Developer build better accessible website components to improve the user experience.

See salaries and explore the career path for Web Developer

User Experience Designer

A User Experience Designer works to improve the user experience of a website or web application. This includes designing the user interface, conducting user research, and testing the usability of the site or application. This course can help User Experience Designers to design and develop web applications that are accessible to all users, regardless of their abilities.

See salaries and explore the career path for User Experience Designer

Software Engineer

A Software Engineer applies engineering principles to the design, development, deployment, testing, and maintenance of computer software. They may specialize in a particular type of software, such as an operating system, network software, or an application. This course will be useful for any Software Engineer looking to specialize in accessible software development or improve accessibility in their current projects.

See salaries and explore the career path for Software Engineer

Assistive Technology Specialist

An Assistive Technology Specialist helps people with disabilities to use assistive technology, such as screen readers and wheelchairs. They may work with individuals, families, and schools to provide training and support on using assistive technology. This course can help Assistive Technology Specialists to better understand the needs of people with disabilities, and how to use assistive technology to meet those needs.

See salaries and explore the career path for Assistive Technology Specialist

Special Education Teacher

A Special Education Teacher works with students with disabilities to help them learn and develop. They may provide instruction in a variety of subjects, such as math, reading, and social studies. This course can help Special Education Teachers to better understand the needs of students with disabilities, and how to create accessible learning environments.

See salaries and explore the career path for Special Education Teacher

Disability Advocate

A Disability Advocate works to promote the rights of people with disabilities. They may work with individuals, families, and organizations to provide support, information, and advocacy. This course can help Disability Advocates to better understand the needs of people with disabilities, and how to advocate for their rights.

See salaries and explore the career path for Disability Advocate

Social Worker

A Social Worker provides support and counseling to individuals, families, and groups. They may work with people with disabilities to help them access services and resources. This course can help Social Workers to better understand the needs of people with disabilities, and how to help them access services and resources.

See salaries and explore the career path for Social Worker

Occupational Therapist

An Occupational Therapist works with people with disabilities to help them improve their ability to perform everyday activities. They may provide training on activities such as eating, dressing, and bathing. This course can help Occupational Therapists to better understand the needs of people with disabilities, and how to help them improve their functional abilities.

See salaries and explore the career path for Occupational Therapist

Rehabilitation Counselor

A Rehabilitation Counselor works with people with disabilities to help them achieve their goals. They may provide counseling, support, and guidance on issues such as employment, education, and independent living. This course can help Rehabilitation Counselors to better understand the needs of people with disabilities, and how to help them achieve their goals.

See salaries and explore the career path for Rehabilitation Counselor

Physical Therapist

A Physical Therapist works with people with disabilities to help them improve their movement and function. They may provide therapy to improve mobility, strength, and balance. This course can help Physical Therapists to better understand the needs of people with disabilities, and how to help them improve their physical function.

See salaries and explore the career path for Physical Therapist

Registered Nurse

A Registered Nurse provides care to patients in a variety of settings, including hospitals, clinics, and long-term care facilities. They may provide care to patients with a variety of disabilities. This course can help Registered Nurses to better understand the needs of patients with disabilities, and how to provide them with quality care.

See salaries and explore the career path for Registered Nurse

Speech-Language Pathologist

A Speech-Language Pathologist works with people with speech, language, and swallowing disorders. They may provide therapy to improve speech, language, and swallowing skills. This course can help Speech-Language Pathologists to better understand the needs of people with disabilities, and how to help them improve their communication skills.

See salaries and explore the career path for Speech-Language Pathologist