Training: June 20–21, 2016
Tutorials: June 21, 2016
Keynotes & Sessions: June 22–23, 2016
Santa Clara, CA

Accessibility as performance

Estelle Weyl (Instart Logic)
3:40pm–4:20pm Thursday, 06/23/2016
Performance for the people
Location: Ballroom CD Level: Intermediate
Average rating: ****.
(4.00, 1 rating)

Prerequisite knowledge

Attendees should know basic CSS, HTML, and JavaScript.

Description

Semantic markup helps ensure accessibility while reducing the need for frameworks. Estelle Weyl explains how you can reduce your CSS and JS by up to 95% and obliterate your queue of accessibility bugs by writing semantic HTML and leveraging CSS selectors and the cascade. By developing with web standards, you can create accessible, performant websites.

While learning new frameworks is fun, and relying on libraries can seemingly reduce development time, allowing third-party scripts to generate your markup usually adds bloat while ignoring or even destroying accessibility.

Estelle examines a case study illustrating how converting a single-page app developed with 40+ dependencies (don’t ask!) and 100+ accessibility bugs in the queue to simple semantic HTML and CSS with a few hundred lines of JavaScript reduced the site size by 90%, eliminated all the accessibility bugs, and simplified site maintenance and new feature development. Estelle also covers including ARIA roles and attributes when native HTML needs a little accessibility boost.

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.