We may earn an affiliate commission when you visit our partners.
Fiona Holder
To meet the WCAG guidelines, your website has to work for keyboard-only users. We'll run through all the code changes necessary for this and also for making forms that are accessible and easy to use, with clear labels and validation errors.
Keyboard traps can cause a variety of problems and frustrations for keyboard-only users.
In this course, Accessibility: Keyboard Input and Forms, you'll gain the ability to create solutions for some of the challenges that keyboard-only users can face with websites.
Read more
To meet the WCAG guidelines, your website has to work for keyboard-only users. We'll run through all the code changes necessary for this and also for making forms that are accessible and easy to use, with clear labels and validation errors.
Keyboard traps can cause a variety of problems and frustrations for keyboard-only users.
In this course, Accessibility: Keyboard Input and Forms, you'll gain the ability to create solutions for some of the challenges that keyboard-only users can face with websites.
Read more
To meet the WCAG guidelines, your website has to work for keyboard-only users. We'll run through all the code changes necessary for this and also for making forms that are accessible and easy to use, with clear labels and validation errors.
Keyboard traps can cause a variety of problems and frustrations for keyboard-only users.
In this course, Accessibility: Keyboard Input and Forms, you'll gain the ability to create solutions for some of the challenges that keyboard-only users can face with websites.
First, you'll learn how to ensure that a site is accessible to them, why keyboard focus indicators are essential, how to spot and prevent keyboard traps, and how to make a custom control keyboard-friendly.
Next, you'll discover various methods for labelling and describing input controls, as well as making CAPTCHAs more accessible.
Finally, you'll explore validation messages and error handling, how to link error messages to the form controls, and how to inform a screen reader user that there was an issue with the input.
When you're finished with this course, you’ll have a clear understanding of the techniques necessary to make a website accessible to keyboard-only users, and how to make forms easy to use for a wider audience.
Register for this course and see more details by visiting:
OpenCourser.com/course/iw7q8u/accessibility
What's inside
Syllabus
Course Overview
Developing a Keyboard-friendly Website
Preventing Issues with Keyboard Control
Developing Clear, Well-labeled Forms
Read more
Syllabus
Course Overview
Developing a Keyboard-friendly Website
Preventing Issues with Keyboard Control
Developing Clear, Well-labeled Forms
Read more
Presenting Validation Errors to the User
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Explores keyboard accessibility in web design
Meets WCAG accessibility standards
Taught by Fiona Holder
Focuses on accessibility for keyboard-only users
Examines common accessibility issues and provides solutions
Suitable for individuals seeking to enhance website accessibility
Save this course
Save Accessibility: Keyboard Input and Forms to your list so you can find it easily later:
Save
Save
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 Accessibility: Keyboard Input and Forms with these
activities:
Complete online keyboarding practice exercises
Show steps
Sharpen your keyboarding skills to improve your efficiency in completing course assignments.
Show steps
-
Find a reputable online keyboarding practice website or app.
-
Complete at least 10 minutes of practice exercises daily.
Read 'Web Accessibility: A Beginner's Guide'
Show steps
Improve your understanding of web accessibility guidelines and best practices by reading this book.
View
Constructing Accessible Web Sites
on Amazon
Show steps
-
Purchase or borrow the book.
-
Carve out 2 hours each week to read.
-
Take notes as you read.
Collaborate on Accessibility Testing
Show steps
Enhance understanding of accessibility evaluation methods.
Browse courses on
Accessibility Testing
Show steps
-
Form a study group with peers.
-
Select a website or web application to evaluate.
-
Use a variety of accessibility testing tools and techniques.
-
Share and discuss your findings with the group.
Ten other activities
Expand to see all activities and additional details
Show all 13 activities
Avoid Keyboard Traps
Show steps
Develop an understanding of what constitutes a keyboard trap.
Show steps
-
Review common types of keyboard traps.
-
Identify potential keyboard traps in existing web applications.
-
Implement techniques to prevent keyboard traps.
Attend webinars on web accessibility
Show steps
Engage with professionals in the field of web accessibility by attending relevant webinars.
Browse courses on
Web Accessibility
Show steps
-
Search for upcoming webinars on web accessibility.
-
Register for and attend 2-3 webinars.
-
Take notes and ask questions during the webinars.
Create a list of keyboard shortcuts for your favorite websites
Show steps
Become more efficient in navigating websites with this activity that involves identifying and documenting keyboard shortcuts.
Browse courses on
Keyboard Shortcuts
Show steps
-
Choose 5 of your favorite websites.
-
Explore each website using only your keyboard.
-
Note down all the keyboard shortcuts you discover.
-
Compile your findings into a list.
Practice form Validation Using Keyboard
Show steps
Reinforce the concept of how to make forms accessible with only keyboard use.
Browse courses on
Form Validation
Show steps
-
Identify forms that could be more keyboard accessible.
-
Implement ARIA attributes to form elements to enhance their accessibility.
-
Use tabIndex to control the order in which focus is set on form elements.
Follow tutorials on web accessibility best practices
Show steps
Expand your knowledge of web accessibility best practices by seeking out and following relevant tutorials.
Browse courses on
Web Accessibility
Show steps
-
Search for reputable sources that offer tutorials on web accessibility best practices.
-
Choose 2-3 tutorials to follow.
-
Complete the tutorials thoroughly.
Collaborate with a peer on a web accessibility project
Show steps
Enhance your understanding and skills by working with a peer on a web accessibility project.
Browse courses on
Web Accessibility
Show steps
-
Find a peer who is also enrolled in the course.
-
Choose a project to work on together.
-
Divide the work into smaller tasks.
-
Collaborate regularly to complete the project.
Design a Keyboard-Accessible Ecommerce Website
Show steps
Apply the principles of keyboard accessibility to a practical context.
Browse courses on
Web Accessibility
Show steps
-
Choose an e-commerce platform that supports keyboard accessibility features.
-
Design a layout that is easy to navigate using only a keyboard.
-
Use accessible design elements, such as high-contrast colors and large fonts.
-
Create a prototype of your design and test it with users who rely on keyboard navigation.
Contribute to an Open-Source Accessibility Project
Show steps
Gain hands-on experience with accessibility implementation and testing.
Browse courses on
Open Source
Show steps
-
Identify an open-source project related to web accessibility.
-
Review the project's documentation and codebase.
-
Make a contribution to the project, such as fixing a bug or adding a new feature.
-
Submit a pull request with your changes.
Design and develop a web page that meets WCAG guidelines
Show steps
Apply your knowledge by designing and developing a web page that adheres to WCAG guidelines.
Browse courses on
Web Design
Show steps
-
Plan the layout and content of your web page.
-
Use accessible design principles throughout your development process.
-
Test your web page for accessibility using tools and techniques.
-
Refine your design and development based on test results.
Contribute to open-source projects related to web accessibility
Show steps
Deepen your understanding and make valuable contributions by participating in open-source projects focused on web accessibility.
Browse courses on
Web Accessibility
Show steps
-
Identify open-source projects related to web accessibility.
-
Review the project documentation.
-
Identify areas where you can contribute.
-
Submit your contributions to the project.
Complete online keyboarding practice exercises
Show steps
Sharpen your keyboarding skills to improve your efficiency in completing course assignments.
Show steps
Show steps
Show steps
- Find a reputable online keyboarding practice website or app.
- Complete at least 10 minutes of practice exercises daily.
Read 'Web Accessibility: A Beginner's Guide'
Show steps
Improve your understanding of web accessibility guidelines and best practices by reading this book.
View
Constructing Accessible Web Sites
on Amazon
Show steps
Show steps
Show steps
- Purchase or borrow the book.
- Carve out 2 hours each week to read.
- Take notes as you read.
Collaborate on Accessibility Testing
Show steps
Enhance understanding of accessibility evaluation methods.
Browse courses on
Accessibility Testing
Show steps
Show steps
Show steps
- Form a study group with peers.
- Select a website or web application to evaluate.
- Use a variety of accessibility testing tools and techniques.
- Share and discuss your findings with the group.
Ten other activities
Expand to see all activities and additional details
Show all 13 activities
Avoid Keyboard Traps
Show steps
Develop an understanding of what constitutes a keyboard trap.
Show steps
Show steps
Show steps
- Review common types of keyboard traps.
- Identify potential keyboard traps in existing web applications.
- Implement techniques to prevent keyboard traps.
Attend webinars on web accessibility
Show steps
Engage with professionals in the field of web accessibility by attending relevant webinars.
Browse courses on
Web Accessibility
Show steps
Show steps
Show steps
- Search for upcoming webinars on web accessibility.
- Register for and attend 2-3 webinars.
- Take notes and ask questions during the webinars.
Create a list of keyboard shortcuts for your favorite websites
Show steps
Become more efficient in navigating websites with this activity that involves identifying and documenting keyboard shortcuts.
Browse courses on
Keyboard Shortcuts
Show steps
Show steps
Show steps
- Choose 5 of your favorite websites.
- Explore each website using only your keyboard.
- Note down all the keyboard shortcuts you discover.
- Compile your findings into a list.
Practice form Validation Using Keyboard
Show steps
Reinforce the concept of how to make forms accessible with only keyboard use.
Browse courses on
Form Validation
Show steps
Show steps
Show steps
- Identify forms that could be more keyboard accessible.
- Implement ARIA attributes to form elements to enhance their accessibility.
- Use tabIndex to control the order in which focus is set on form elements.
Follow tutorials on web accessibility best practices
Show steps
Expand your knowledge of web accessibility best practices by seeking out and following relevant tutorials.
Browse courses on
Web Accessibility
Show steps
Show steps
Show steps
- Search for reputable sources that offer tutorials on web accessibility best practices.
- Choose 2-3 tutorials to follow.
- Complete the tutorials thoroughly.
Collaborate with a peer on a web accessibility project
Show steps
Enhance your understanding and skills by working with a peer on a web accessibility project.
Browse courses on
Web Accessibility
Show steps
Show steps
Show steps
- Find a peer who is also enrolled in the course.
- Choose a project to work on together.
- Divide the work into smaller tasks.
- Collaborate regularly to complete the project.
Design a Keyboard-Accessible Ecommerce Website
Show steps
Apply the principles of keyboard accessibility to a practical context.
Browse courses on
Web Accessibility
Show steps
Show steps
Show steps
- Choose an e-commerce platform that supports keyboard accessibility features.
- Design a layout that is easy to navigate using only a keyboard.
- Use accessible design elements, such as high-contrast colors and large fonts.
- Create a prototype of your design and test it with users who rely on keyboard navigation.
Contribute to an Open-Source Accessibility Project
Show steps
Gain hands-on experience with accessibility implementation and testing.
Browse courses on
Open Source
Show steps
Show steps
Show steps
- Identify an open-source project related to web accessibility.
- Review the project's documentation and codebase.
- Make a contribution to the project, such as fixing a bug or adding a new feature.
- Submit a pull request with your changes.
Design and develop a web page that meets WCAG guidelines
Show steps
Apply your knowledge by designing and developing a web page that adheres to WCAG guidelines.
Browse courses on
Web Design
Show steps
Show steps
Show steps
- Plan the layout and content of your web page.
- Use accessible design principles throughout your development process.
- Test your web page for accessibility using tools and techniques.
- Refine your design and development based on test results.
Contribute to open-source projects related to web accessibility
Show steps
Deepen your understanding and make valuable contributions by participating in open-source projects focused on web accessibility.
Browse courses on
Web Accessibility
Show steps
Show steps
Show steps
- Identify open-source projects related to web accessibility.
- Review the project documentation.
- Identify areas where you can contribute.
- Submit your contributions to the project.
Career center
Learners who complete Accessibility: Keyboard Input and Forms will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
To succeed as a Front End Developer, you need a solid grasp of making websites accessible to all users. In particular, you must accommodate keyboard-only users, ensure clear labels and validation errors, and implement error handling. This course teaches the theory and tools you need to make a website both fully functional and user-friendly. It is a foundational course any front-end developer should prioritize.
Web Developer
Web Developer
One of the many areas of web development is front end development, which is the process of making the part of a website that the user sees and interacts with. Therefore, the need to build accessible and user-friendly front-end applications places a heavy emphasis on keyboard accessibility and the creation of clear, well-labeled forms. This course provides instruction on the skills and techniques needed for this area.
Software Engineer
Software Engineer
Software Engineers need to be able to design and develop systems that can be used by all users. This includes making web-based applications and forms accessible to keyboard users and designing clear and well-labeled forms that can be easily used by all. This course helps build a foundation for this essential software engineering skill.
Web Designer
Web Designer
In creating visually appealing websites, web designers also need to consider accessibility and user experience. This course teaches techniques for making websites accessible to users of all abilities. By learning how to make forms accessible and easy to use, you can reach a wider audience with your designs.
User Experience Designer
User Experience Designer
A critical aspect of UX design is accessibility, which ensures that websites and applications are usable and accessible to all users, including those with disabilities. This course helps build a foundation in this area, teaching the techniques and principles of making digital experiences accessible. This can help UX designers create more inclusive and user-friendly experiences.
Accessibility Specialist
Accessibility Specialist
Accessibility Specialists are responsible for ensuring that digital products are accessible to users of all abilities. This includes making sure that websites and forms are accessible to keyboard users and that error messages are clear and helpful to users with screen readers. This course can help build the skills needed for this role.
Quality Assurance Engineer
Quality Assurance Engineer
One of the main responsibilities of a QA Engineer is to ensure that software applications are free of defects and meet user requirements. This includes testing for accessibility issues, such as making sure that websites and forms are accessible to keyboard users and that error messages are clear and helpful. This course provides skills that can be used on the job as a QA Engineer.
Project Manager
Project Manager
Project managers need to be aware of the importance of accessibility and how it can impact the success of a project. This course can help project managers understand the principles of accessibility and how to incorporate accessibility into their projects.
Information Architect
Information Architect
Information Architects organize and structure websites and applications to make them easy to use and find information. This includes making sure that websites are accessible to keyboard users and that forms are clear and well-labeled. This course will help build a foundation for this essential skill for Information Architects.
Technical Writer
Technical Writer
Technical writers create documentation for software and other technical products. This documentation needs to be clear and easy to understand for all users, including those with disabilities. By completing this course, technical writers can learn how to make their documentation more accessible.
Instructional Designer
Instructional Designer
Instructional Designers create and develop educational materials, such as online courses and training manuals. These materials need to be accessible to all users, including those with disabilities. This course will help build a foundation for making educational materials accessible.
Assistive Technology Specialist
Assistive Technology Specialist
Assistive Technology Specialists help people with disabilities use computers and other technology. They may work with clients to choose the right assistive technology devices and provide training on how to use them. This course may be useful as it provides a better understanding of the challenges faced by people with disabilities when using computers and other technology.
Disability Advocate
Disability Advocate
Disability Advocates work to ensure that people with disabilities have the same rights and opportunities as everyone else. They may work on issues such as accessibility, employment, and education. This course may be useful as it provides a basic understanding of the challenges faced by people with disabilities.
Social Worker
Social Worker
Social Workers help people overcome challenges and achieve their goals. They may work with people with disabilities to help them access resources and services. This course may be useful as it provides a basic understanding of the challenges faced by people with disabilities.
Educator
Educator
Educators work with students of all ages to help them learn and grow. They may work with students with disabilities to help them access the curriculum and participate in classroom activities. This course may be useful as it provides a basic understanding of the challenges faced by students with disabilities.
For more career information including salaries, visit:
OpenCourser.com/course/iw7q8u/accessibility
Reading list
We've selected 11 books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Accessibility: Keyboard Input and Forms.
Save
This comprehensive handbook provides a detailed guide to making websites accessible.
Provides a comprehensive guide to web accessibility best practices. It's a valuable resource for anyone who wants to learn more about this topic and how to implement it on their own websites.
Save
Provides a comprehensive overview of web accessibility, including a chapter on keyboard input and form design.
Provides a detailed guide to designing and developing accessible web applications.
Provides a comprehensive guide to designing websites that are accessible to everyone. It covers a wide range of topics, including visual design, navigation, and content.
Save
Provides comprehensive guidance on designing effective and user-friendly web forms.
Provides practical guidance on designing for inclusion, with a focus on cognitive accessibility. It would be useful to read for a deeper understanding of this topic.
Provides guidance on making websites accessible on mobile devices, including best practices for keyboard input and form design.
Presents a comprehensive guide to web accessibility, with a focus on making the web more accessible for people with disabilities.
Save
Provides a collection of tips and tricks for making HTML5 content more accessible.
Introduces the fundamentals of HTML and CSS, which will be useful to read alongside this course.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/iw7q8u/accessibility
Share
Similar courses
Here are nine courses similar to
Accessibility: Keyboard Input and Forms.
Windows Forms Best Practices
OpenCourser.com/course/804rhn/windows
Windows Forms Best Practices
Designing Traps with C# in Unity
OpenCourser.com/course/481pge/designing
Designing Traps with C# in Unity
Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1)
OpenCourser.com/course/l41evd/meeting
Meeting Web Accessibility Guidelines (Section 508/ WCAG...
Excel with Microsoft Excel VBA User Forms
OpenCourser.com/course/r4o68n/excel
Excel with Microsoft Excel VBA User Forms
Angular Forms
OpenCourser.com/course/a6u9p3/angular
Angular Forms
UX Accessibility
OpenCourser.com/course/1xr2ck/ux
UX Accessibility
Complete Web Automation with Excel VBA
OpenCourser.com/course/07yf3d/complete
Complete Web Automation with Excel VBA
Developing Websites for Accessibility: Getting Started
OpenCourser.com/course/57rlp1/developing
Developing Websites for Accessibility: Getting Started
Integrating Angular 11 with ASP.NET Core RESTful Services
OpenCourser.com/course/ca4dk2/integrating
Integrating Angular 11 with ASP.NET Core RESTful Services
Time
75 hours
Level
Intermediate
Via
Pluralsight
Instructor
Fiona Holder
Language
English
This course belongs to a
collection
called
Developing Websites for Accessibility. It's comprised of five courses:
- Accessibility: Exploring Images and Media
- Accessibility: Keyboard Input and Forms (viewing)
- Accessibility: Website Structure and Comprehension
- Introduction to Developing Custom Components with ARIA 1
- Developing Websites for Accessibility: Getting Started
Good to know
Explores keyboard accessibility in web design
Meets WCAG accessibility standards
Taught by Fiona Holder
Focuses on accessibility for keyboard-only users
Examines common accessibility issues and provides solutions
Suitable for individuals seeking to enhance website accessibility
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser