Slides from MinneWebCon

Kicking off #MinneWebCon, which is also its tenth anniversary. Cool. @MinneWebCon pic.twitter.com/CNxhK47Puv

— Adrian Roselli 🗯 (@aardrian) May 1, 2017

I promised to share the slides, so here they are. If the embed is a problem you can go the slides directly on SlideShare.

Tweets

I feel like Marc really gets me.

#MinneWebCon One striking point from @aardrian’s talk on accessibility: percentage of people with disabilities increases with age.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Most of us have had an accident at one point or another. Accessibility improvements help those who have temporary disabilities.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Most us have temporary situations where we don’t have full mobility, vision, hearing, etc. Accessibility helps all of us.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Really like these selfish user stories @aardrian is sharing that explain how accessibility helps everyone.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Make sure to fold into UX personas *situations* where accessibility improvements would help.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon When setting up alt text, okay to use “” for decorative images. For meaningful images, make sure alt text adds value.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Relying on color alone for links often unclear. Adding underlines helps. Make links clear: important navigation tool.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Check color contrast! Look at how page looks for those with color blindness. Also helps those looking at screen when sunny! ☀️

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Using labels appropriately with forms makes them much easier to use. Click on label to check box. Fieldsets can also help.

— Marc Drummond (@MarcDrummond) May 1, 2017

Yes! @aardrian dropping #accessibility knowledge bombs #minnewebcon https://t.co/fQgzxiCTK5

— MinneWebCon (@MinneWebCon) May 1, 2017

#MinneWebCon Using HTML5 sectioning elements and h# elements appropriately to provide accessible page structure. Don’t just use h1s!

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon a href for controls that take you to another URL, button for something that changes on the page. Nice distinction!

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Disabling zoom really harms accessibility. Don’t do this just to fix a bug. Can help all of us who want to pinch and zoom.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon Infinite scroll and footers don’t mix. Often impossible to get to footer links. Plus, overwhelming, rough on slow devices.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon First rule in ARIA Club: don’t use ARIA if a more appropriate HTML element is available.

— Marc Drummond (@MarcDrummond) May 1, 2017

#MinneWebCon This Stairamp is NOT accessible. Not great for people using stairs or ramp. Accessibility is more than a checklist. pic.twitter.com/nIUrhHXMbq

— Marc Drummond (@MarcDrummond) May 1, 2017

@MarcDrummond Ha! That's at the UBC Vancouver campus where DevOpsDays was held. It did feel weird walking down the stairs.

— Jason Yee (@gitbisect) May 1, 2017