Fringe Accessibility: Slides from London Web Standards
Last night I was one of two talks on accessibility at London Web Standards. As promised, I have posted my slides. If you cannot see the embed below, visit them directly at SlideShare.
Video, Added 28 April
If you cannot see the video embedded below, then view it directly at Vimeo.
Tweets
Most of these are for my ego.
Hey, Samsung Internet has a new logo! (via a slide at @webstandards #lwsA11y17) pic.twitter.com/TW1vITwg4n
— Adrian Roselli 🗯 (@aardrian) March 20, 2017
@aardrian gives out a shout to @lc512k's talk. His slides will be available LATER at https://t.co/3w8eqAAPbM #lwsA11y17
— London Web Standards (@webstandards) March 20, 2017
Hyperlink copy is extremely important to inform the user what's going to happen once they click #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
You can't rely on colour alone to define your links, sometimes is not that immediate. #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
Use link underlines
— Scuff El (@scuff_el) March 20, 2017
… no, just because Google doesn't doesn't mean you can, you are not Google@aardrian #LWSA11y17 #a11y pic.twitter.com/omZftFQPDH
Links again: use the :focus! You need to inform keyboard users on where they are in the page. #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
Use underline for hyperlinks, not just colour. Don’t do it like Google!@aardrian #lwsA11y17 #a11y #webdesign
— Michael R. Lorek (@m_lorek) March 20, 2017
Great and challenging talk by @aardrian #LWSA11y17 pic.twitter.com/wftRXFSw6Z
— Claudia (@Claudiyauk) March 20, 2017
<section> and <article> should have a heading but that heading should NOT be <h1> says @aardrian #lwsA11y17
— London Web Standards (@webstandards) March 20, 2017
Don't use default focus styles, sometimes they hide! (Pic: screenshot of Chrome blue focus on blue bg)@aardrian #LWSA11y17 pic.twitter.com/Z0Rk4JdbWq
— Scuff El (@scuff_el) March 20, 2017
Flex content, absolutely positioned and floated elements can mess to the tabbing order between browsers #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
Use your <h#> right! Hirarchy is sooo important@aardrian #LWSA11y17 #a11y
— Scuff El (@scuff_el) March 20, 2017
Source order matters for Grid read @rachelandre's post on #subgrid says @aardrian #lwsA11y17 pic.twitter.com/RAFHIkFQhX
— London Web Standards (@webstandards) March 20, 2017
You can re-order presentation with CSS/JS, but source order will be the order of presentation for keyboard users @aardrian #LWSA11y17 #a11y
— Scuff El (@scuff_el) March 20, 2017
Interesting: the lang attribute changes the speech engine on most screen readers #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
Interesting: the lang attribute changes the speech engine on most screen readers #lwsA11y17
— Matteo Pescarin (@ilpeach) March 20, 2017
https://t.co/84fbfGHF85 brilliant tool to fix captions autogenerated by YouTube #lwsA11y17 thanks @aardrian
— Matteo Pescarin (@ilpeach) March 20, 2017
lang attribute does all sorts of important stuff. Correct decimal places and proper pronounciation are super useful! @aardrian #LWSA11y17 pic.twitter.com/cswPXGOIiQ
— Scuff El (@scuff_el) March 20, 2017
Don't assume aria covers your ass…
— Scuff El (@scuff_el) March 20, 2017
Test in Windows high contrast mode looses most CSS but doesn't get aria@aardrian #LWSA11y17 #a11y
Try not to tweet pictures of text, have alternative text. @aardrian #lwsa11y17 #a11y #accessibility
— Michael R. Lorek (@m_lorek) March 20, 2017
Not all screen readers are blind
— Scuff El (@scuff_el) March 20, 2017
(only 64% of respondents to this survey 😮)@aardrian #LWSA11y17 #a11y pic.twitter.com/WXdnxtpqhs
Share your #a11y stories ❤
— Scuff El (@scuff_el) March 20, 2017
(Love this: https://t.co/WETTn6h69j )@aardrian #LWSA11y17
Another great talk at #lwsA11y17 – lots of laughs from @aardrian in among some excellent serious points.
— Jude Gibbons (@judeGibbons) March 20, 2017
Bizarrely, in the middle of @aardrian's talk about how you should use your keyboard to test a11y with no mouse, my trackpad stopped working.
— Jude Gibbons (@judeGibbons) March 20, 2017
Second talk by @aardrian this evening at #LWSA11y17 getting more into tech details. Really informative & only a few of the same jokes.
— Sonia Turcotte (@sonia_turcotte) March 20, 2017
Check list design won't cut it – got to test (nobody checked to see if this statue ramp worked for stair OR ramp users)@aardrian #LWSA11y17 pic.twitter.com/JMPi7ptl3s
— Scuff El (@scuff_el) March 20, 2017
Great example by @aardrian of the importance of user testing. And the (unsurprising) results of not having any #killerRamp pic.twitter.com/mrhmf20y4h
— Laura Carvajal (@lc512k) March 20, 2017
Two brilliant talks tonight at #LWSA11y17 accessibility is so important and it’s great to hear different views all the time :)
— Adam Onishi (@onishiweb) March 20, 2017
Wow, thanks #LWSA11y17 for a great evening 👏😊 pic.twitter.com/2AWV1lKeO3
— Claudia (@Claudiyauk) March 20, 2017
We've filled the upstairs of @craftbeercoEC1 #lwsA11y17 pic.twitter.com/p24J2Nx4NW
— London Web Standards (@webstandards) March 20, 2017
Such a good #lwsA11y17 tonight! Both @lc512k and @aardrian talks were goldmines of inspiration and wisdom. So much to think about now 🙆🏻♂️
— Marek Lenik (@criography) March 20, 2017
It's great to reaffirm the work you're currently doing. Great evening about #a11y hosted by @webstandards #LWSA11y17 pic.twitter.com/f1KN8ZuFFc
— Richard McCartney (@Rich_McCartney) March 20, 2017
Accessibility is not a checklist, it's a continuous process. @aardrian #lwsA11y17 #a11y #webdesign
— Michael R. Lorek (@m_lorek) March 20, 2017
Slides from last night's talk "YES! your site can (and should) be accessible" at #LWSA11y17 Thank you @webstandards! https://t.co/g8lzAtDZ8x
— Laura Carvajal (@lc512k) March 21, 2017
I was right to be excited about @webstandards #lwsA11y17 was incredible many thanks to @lc512k @aardrian for making it so
— Dave Letorey (@dletorey) March 21, 2017
Many thanks @LeonieWatson for introducing us to @aardrian to us he was #awesome
— London Web Standards (@webstandards) March 20, 2017
Saw three great #accessibility talks yesterday and two of them were given by @aardrian
— Richard Morton (@accessibleweb) March 21, 2017
Great talks @webstandards yesterday! Thanks @aardrian for the insightful tips about h1 + articles/sections. And nice meeting @lc512k as well
— Matteo (@matteo_belfiore) March 21, 2017
Leave a Comment or Response