September 19–20, 2016: Training
September 20–22, 2016: Tutorials & Conference
New York, NY

Performant accessibility

Estelle Weyl (Instart Logic)
1:30pm–5:00pm Tuesday, 09/20/2016
Performance for the people Design, UX optimization Regent Audience level: Intermediate
Average rating: ****.
(4.00, 2 ratings)

Prerequisite knowledge

  • A basic understanding of HTML, CSS, JavaScript, and performance
  • Materials or downloads needed in advance

  • A laptop with your favorite IDE installed (If using a PC, you'll also need to install NVDA.)
  • What you'll learn

  • Explore ARIA roles and attributes and underused accessibility features built into HTML (e.g., fieldset, legend, and label)
  • Understand how simple accessibility really is as long as it is part of the development process and not an afterthought
  • Learn that accessibility is as important as performance—and can help performance
  • Description

    Accessibility is important. In fact, it’s the law. It’s also a good idea. Your site may load in under two seconds, but if it’s not accessible, it doesn’t matter how fast, or slow, it loads. Let’s make the Web accessible for everyone—and faster in the process.

    Estelle Weyl skips the “why” and focuses on the “how.” Marking up accessible, performant websites can be as simple as using the right semantic elements in your HTML. Semantic HTML can prevent bugs, improve performance, reduce code bloat, and make your site accessible to screen readers and keyboard users.

    By taking advantage of accessibility features native to semantic elements (and adding additional accessibility with a sprinkling of ARIA roles and attributes in the reduced chance it’s needed), you can reduce your reliance on JavaScript, third-party scripts, and associated SPOFs. Estelle covers making accessible form controls, input masking, attractive selects, and creating a fully accessible carousel that functions perfectly with just a few lines of JavaScript—no frameworks, no extra HTTP requests, and no extra kilobytes of unneeded code to download, parse, and execute.

    Photo of Estelle Weyl

    Estelle Weyl

    Instart Logic

    Estelle Weyl started her professional life in architecture and then managed teen health programs. In 2000, Estelle took the natural step of becoming a web standardista. She is the Open Web and performance evangelist for Instart Logic and has consulted for Kodak Gallery, SurveyMonkey, Samsung, Yahoo, Visa, and Apple, among others. Estelle shares esoteric tidbits learned while programming and detailed grids of CSS3 and HTML5 browser support in her blog. She is a coauthor of Mobile HTML5, CSS3: The Definitive Guide, and HTML5 and CSS3 for the Real World. While not coding, Estelle works in construction, dehippifying her 1960s throwback abode.