Markdown to HTML

NEW RESOURCES on FORMS

Resources Read or watch:

Web Form Usability Resources

• An Extensive Guide To Web Form Usability — Smashing Magazine
• Forms - UX Movement
• Placeholders in Form Fields are Harmful (Video)
• The Anatomy of Accessible Forms: Best Practices | Deque
• Pure CSS Custom Error Messaging for Default Form Elements – Sarah Holley Design

MDN Resources

• HTML forms - Learn web development | MDN
• form - HTML: Hypertext Markup Language | MDN
• fieldset: The Field Set element - HTML: Hypertext Markup Language | MDN
• legend - HTML: Hypertext Markup Language | MDN
• label - HTML: Hypertext Markup Language | MDN
• input: The Input (Form Input) element - HTML: Hypertext Markup Language | MDN
• tabindex - HTML: Hypertext Markup Language | MDN
• accesskey - HTML: Hypertext Markup Language | MDN
• button: The Button element - HTML: Hypertext Markup Language | MDN
• select - HTML: Hypertext Markup Language | MDN
• optgroup - HTML: Hypertext Markup Language | MDN
• datalist - HTML: Hypertext Markup Language | MDN
• textarea - HTML: Hypertext Markup Language | MDN

Form Validation Resources

• Form Validation UX in HTML and CSS | CSS-Tricks

• Constraint validation - Developer guides | MDN

• :invalid - CSS: Cascading Style Sheets | MDN

• :valid - CSS: Cascading Style Sheets | MDN

• :optional - CSS: Cascading Style Sheets | MDN

• A Crash Course on Accessibility

Read or watch:

• Accessibility is not a feature. — Ethan Marcotte
• How to Meet WCAG (Quickref Reference
• Web Accessibility Guidebook for * Developers
• Testing with assistive technologies - Service Manual - GOV.UK
• A11Y Style Guide
• Building Pylon-Free Web Pages: An Intro to Web Accessibility
• I Threw Away my Mouse - 24 Accessibility
• I Used a Switch Control for a Day - 24 Accessibility
• The Myths of Color Contrast Accessibility
• IAAP Certification
• Accessibility Blog | Deque Systems
• Tink - Léonie Watson – On technology, food & life in the digital age
• Accessibility Weekly
• Section508.gov | GSA Government-wide IT Accessibility Program

Learning Objectives

At the end of this project, I was expected to be able to explain to anyone, without the help of Google:

• ARIA’s main purpose
• WCAG conformance levels (A, AA and AAA)
• The importance of Web Accessibility
• Tools to use for Web Accessibility

NB: This was an optional project.