We may earn an affiliate commission when you visit our partners.
Dylan Sheffer
In this 2-hour project, you will learn the basics of accessible web development while building a newsletter signup page.
Specifically, you will learn how assistive technology interprets our web code, how to apply semantic HTML in order to write more meaningful interfaces, methods for coupling visual styles to the accessibility properties of a component, and creating a custom accessible component from scratch using WAI-ARIA.
Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.
Register for this course and see more details by visiting:
OpenCourser.com/course/wlh4nc/introduction
What's inside
Syllabus
Project Overview
After completing this 2-hour long project, learners will be have created an accessible newsletter page by the use of semantic HTML elements, managing page focus, writing accessibility-first CSS, and creating a custom accessible component with ARIA.
This project will benefit developers wanting to learn more about creating inclusive interfaces or who want to get closer to creating products that meet accessibility compliance.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Develops skills and knowledge that are highly relevant to industry
Teaches methods for coupling visual styles to the accessibility properties of a component
Introduces accessibility-first CSS
Save this course
Save Introduction to Accessible Web Development to your list so you can find it easily later:
Save
Save
Reviews summary
Valuable web accessibility course
Learners say Introduction to Accessible Web Development is a super course that provides a wonderful guide to Web Accessibility. According to students, this brief course is easy to follow and highly informative. Many students felt pleasantly surprised by the amount of useful information packed into this short course.
Shares CodePen web-based editor and discusses interconnectedness of HTML, CSS, and Javascript.
"for also sharing the interconnectedness of HTML, CSS, and Javascript; and ifor sharing the CodePen web-based editor."
"The Pen is really great and the CSS and script examples are helpful."
Easy to understand and follow.
"For being a very brief project, it was easy to understand/follow..."
"Overall, really easy to follow."
"Very easy to understand."
Provides valuable information about Web Accessibility.
"A lot of great useful information is packed into this 2 hours project."
"highly informative of the skills/knowledge needed to create the basics for thinking about and building accessible websites."
"Very useful and informative course."
May be difficult to handle for Mac users.
"Good course, but the windows based work enviroment is a bit hard to handle from a mac."
"Also, the disclosure commonent at the end should only be hidden for users who actually have JS, not for all users!"
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 Accessible Web Development with these
activities:
Revisit the basics of HTML and CSS
Show steps
Ensure you have a strong foundation in the basics of HTML and CSS before beginning the course
Browse courses on
HTML
Show steps
-
Review online tutorials and articles that cover the basics of HTML and CSS
-
Complete a few basic HTML and CSS exercises to test your understanding
Read 'What the Best College Teachers Do'
Show steps
Read this book to refine how you learn and better prepare for higher-level coursework and academic experiences
View
What the Best College Teachers Do
on Amazon
Show steps
-
Purchase the book and read it in its entirety
-
Highlight and take notes on key ideas, examples, and strategies
-
Create a personal action plan based on the book's strategies
Practice writing accessible HTML
Show steps
Develop fluency and comfort writing accessible HTML to facilitate your learning in the course
Show steps
-
Find a set of practice exercises that cover writing accessible HTML
-
Complete these exercises, ensuring your code meets accessibility standards
-
Ask for feedback on your code from a mentor or peer
Three other activities
Expand to see all activities and additional details
Show all six activities
Design an accessible newsletter signup page
Show steps
Apply your knowledge to a hands-on project that will challenge you and reinforce your learning
Show steps
-
Plan out the structure and design of your newsletter signup page
-
Code your newsletter signup page, ensuring it meets accessibility standards
-
Test your page using assistive technology and make any necessary adjustments
Contribute to an open-source project related to accessible web development
Show steps
Gain real-world experience and deepen your understanding by contributing to a community project
Show steps
-
Find an open-source project that aligns with your interests and skills
-
Review the project's documentation and understand the codebase
-
Identify an area where you can contribute and make a pull request to the project
Mentor junior developers on a web development project
Show steps
Reinforce your knowledge and leadership skills by helping others learn
Show steps
-
Find a mentoring opportunity through a local coding meetup or online community
-
Create a plan for how you will support the junior developer
-
Meet regularly with the junior developer to provide guidance and feedback
Revisit the basics of HTML and CSS
Show steps
Ensure you have a strong foundation in the basics of HTML and CSS before beginning the course
Browse courses on
HTML
Show steps
Show steps
Show steps
- Review online tutorials and articles that cover the basics of HTML and CSS
- Complete a few basic HTML and CSS exercises to test your understanding
Read 'What the Best College Teachers Do'
Show steps
Read this book to refine how you learn and better prepare for higher-level coursework and academic experiences
View
What the Best College Teachers Do
on Amazon
Show steps
Show steps
Show steps
- Purchase the book and read it in its entirety
- Highlight and take notes on key ideas, examples, and strategies
- Create a personal action plan based on the book's strategies
Practice writing accessible HTML
Show steps
Develop fluency and comfort writing accessible HTML to facilitate your learning in the course
Show steps
Show steps
Show steps
- Find a set of practice exercises that cover writing accessible HTML
- Complete these exercises, ensuring your code meets accessibility standards
- Ask for feedback on your code from a mentor or peer
Three other activities
Expand to see all activities and additional details
Show all six activities
Design an accessible newsletter signup page
Show steps
Apply your knowledge to a hands-on project that will challenge you and reinforce your learning
Show steps
Show steps
Show steps
- Plan out the structure and design of your newsletter signup page
- Code your newsletter signup page, ensuring it meets accessibility standards
- Test your page using assistive technology and make any necessary adjustments
Contribute to an open-source project related to accessible web development
Show steps
Gain real-world experience and deepen your understanding by contributing to a community project
Show steps
Show steps
Show steps
- Find an open-source project that aligns with your interests and skills
- Review the project's documentation and understand the codebase
- Identify an area where you can contribute and make a pull request to the project
Mentor junior developers on a web development project
Show steps
Reinforce your knowledge and leadership skills by helping others learn
Show steps
Show steps
Show steps
- Find a mentoring opportunity through a local coding meetup or online community
- Create a plan for how you will support the junior developer
- Meet regularly with the junior developer to provide guidance and feedback
Career center
Learners who complete Introduction to Accessible Web Development will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
A Web Developer designs, builds, and maintains websites. This course would provide a solid foundation in the basics of accessible web design, skills that would be essential to a successful career as a web developer. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Front-End Developer
Front-End Developer
A Front-End Developer is responsible for the visual design and functionality of a website. This course would provide a strong foundation in the basics of accessible web design, skills that would be essential to a successful career as a front-end developer. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Full-Stack Developer
Full-Stack Developer
A Full-Stack Developer is responsible for both the front-end and back-end development of a website or application. This course would provide a strong foundation in the basics of accessible web design, skills that would be essential to a successful career as a full-stack developer. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
User Experience Designer
User Experience Designer
A User Experience (UX) Designer is responsible for the overall user experience of a website or application. This course would provide a strong foundation in the basics of accessible web design, skills that would be essential to a successful career as a UX designer. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Back-End Developer
Back-End Developer
A Back-End Developer is responsible for the server-side logic and functionality of a website or application. While this course focuses on front-end development, it would still be helpful for a back-end developer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Software Engineer
Software Engineer
A Software Engineer designs, develops, and maintains software applications. While this course focuses on web development, it would still be helpful for a software engineer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create software applications that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Web Designer
Web Designer
A Web Designer creates the visual layout and design of a website. While this course focuses on the accessibility of web design, it would still be helpful for a web designer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create websites that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Computer Programmer
Computer Programmer
A Computer Programmer writes and maintains code for software applications. While this course focuses on web development, it would still be helpful for a computer programmer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create software applications that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Graphic designer
Graphic designer
A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. While this course focuses on the accessibility of web design, it would still be helpful for a graphic designer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create visual concepts that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Interaction Designer
Interaction Designer
An Interaction Designer designs the interactions between users and products or services. While this course focuses on the accessibility of web design, it would still be helpful for an interaction designer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create interactions that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Product Designer
Product Designer
A Product Designer designs and develops digital products, such as websites, mobile apps, and software. While this course focuses on the accessibility of web design, it would still be helpful for a product designer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create products that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
UX Researcher
UX Researcher
A UX Researcher studies user behavior and feedback to improve the user experience of websites and applications. While this course focuses on the accessibility of web design, it would still be helpful for a UX researcher to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to conduct research that includes people with disabilities, a skill that is increasingly in demand in the tech industry.
Content Strategist
Content Strategist
A Content Strategist develops and executes content strategies for websites and other digital platforms. While this course focuses on the accessibility of web design, it would still be helpful for a content strategist to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create content that is accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Technical Writer
Technical Writer
A Technical Writer creates and edits technical documentation, such as user manuals, white papers, and training materials. While this course focuses on the accessibility of web design, it would still be helpful for a technical writer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create documentation that is accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
Instructional Designer
Instructional Designer
An Instructional Designer creates and develops instructional materials, such as online courses, e-learning modules, and training programs. While this course focuses on the accessibility of web design, it would still be helpful for an instructional designer to have a basic understanding of accessible web design. The course would be particularly helpful in understanding how to create instructional materials that are accessible to people with disabilities, a skill that is increasingly in demand in the tech industry.
For more career information including salaries, visit:
OpenCourser.com/course/wlh4nc/introduction
Reading list
We've selected seven 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
Introduction to Accessible Web Development.
Save
Guide to HTML and CSS for accessibility. It covers topics such as how to use headings, lists, and tables to create accessible content.
Guide to web accessibility best practices. It covers topics such as how to create accessible content, how to test for accessibility, and how to remediate accessibility issues.
Guide to web accessibility essential topics. It covers topics such as how to create accessible content, how to test for accessibility, and how to remediate accessibility issues.
Handbook on web accessibility. It covers topics such as how to create accessible content, how to test for accessibility, and how to remediate accessibility issues.
Provides a comprehensive guide to web accessibility, covering topics such as HTML, CSS, JavaScript, and ARIA. It valuable resource for developers who want to learn how to create accessible websites.
Save
Provides a collection of inclusive design patterns that can be used to create accessible websites. It valuable resource for developers who want to learn how to create accessible websites.
Save
Guide to web accessibility best practices. It covers topics such as how to create accessible content, how to test for accessibility, and how to remediate accessibility issues.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/wlh4nc/introduction
Share
Similar courses
Here are nine courses similar to
Introduction to Accessible Web Development.
Introduction to Developing Custom Components with ARIA 1
OpenCourser.com/course/9wo8yd/introduction
Introduction to Developing Custom Components with ARIA 1
What Is React?
OpenCourser.com/course/5bsnzv/what
What Is React?
Developing Websites for Accessibility: Getting Started
OpenCourser.com/course/57rlp1/developing
Developing Websites for Accessibility: Getting Started
Introduction to Accessibility and Universal Design
OpenCourser.com/course/zgfuyq/introduction
Introduction to Accessibility and Universal Design
Introduction to Web Accessibility WCAG 2.1
OpenCourser.com/course/062o33/introduction
Introduction to Web Accessibility WCAG 2.1
Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance
OpenCourser.com/course/iz9c4j/web
Web Accessibility Training Course WCAG 2.1 & 2.2...
Creating Accessible Websites
OpenCourser.com/course/wss6mr/creating
Creating Accessible Websites
Making a Web Form Accessible
OpenCourser.com/course/5q93lp/making
Making a Web Form Accessible
A Practical Guide to Vanilla Web Components
OpenCourser.com/course/tgzpnt/a
A Practical Guide to Vanilla Web Components
Effort
2 hours
Level
Intermediate
Via
Coursera
Institution
Coursera Project Network
Instructor
Dylan Sheffer
Language
English
Good to know
Develops skills and knowledge that are highly relevant to industry
Teaches methods for coupling visual styles to the accessibility properties of a component
Introduces accessibility-first CSS
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