Presentation Resources - AutoSponge/dev-notes GitHub Wiki
- deque advice speaking best practices
- google slides accessibility
- bigbluebutton self-hosted webrtc platform security notes
- virtual conference accessibility
- online meetup
- webcaptioner captions in browser
- powerpoint accessibility
- cli slides
- speaking guide
- gist-press
- pinker UML and class diagrams
- speak-extension auto caption extension
- praise control slides with SpeechRecognition API
- powerpoint tips
- spectacle React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.
- js to SVG flowchart
- webcaptioner captions for presentations
- backslide CLI tool for making HTML presentations with Remark.js
- codesandbox + VScode plugin
- code examples preso "build your own react" example presentation
- flowy minimal flowchart creation
- litegraph graph node engine and editor
- macos-key-cast
- terminal presentations/slides in the terminal
- runjs repl for macos
- vscode typer
- inclusive design for accessible presentations
- pennywise float media/webpages on top of all windows
- glorious demo simulated demo
- a11y syntax highlighting
- big auto-scale text for presentation slides
- codemash cfp
- more accessible presentations
- awesome conf practices
- papercall list
- confs.tech list of conferences
- confercal list of conferences
- cfp-magick
- recipe for tech talks
"The idea that inclusion and diversity is some kind of allowance being made to open our arms to more people — no. It is a correction of an error. It is a righting of a wrong. And it is going to be done." -Ava DuVernay #TimesUp https://www.scpr.org/programs/the-frame/2018/01/03/61011/ava-duvernay-it-s-time-for-the-righting-of-a-wrong/ via @kpcc
- a11y is process not project
- carbon share code examples
Tips
Tips for a good conference proposal:
- Inform - What is the one big idea?
- Motivate - Why is the big idea noteworthy?
- Sell - What superpower will people gain by attending?
Write dynamically, & strive for clarity, brevity, professionalism, & engagement.
a11y design
Communication
- signal (signal:noise) -> transport -> interpret -> protocol -> context/application
- button -> morse code -> all of recorded history
http://blog.danielna.com/2017/09/14/creating-an-accessibility-engineering-practice.html
“Responsibility is a unique concept; it can only reside and inhere within a single individual” https://www.qualitydigest.com/inside/twitter-ed/who-responsible-quality.html# https://www.peatworks.org/conversations/accessibility-leaders
Accessibility Coordinator Policy Procurement Process
Solicit Feedback Manual Testing Automated Testing Remediation Training
Funny story about introducing myself as a developer to a property developer and neither understanding what the other was talking about.
Corporate development refers to the planning and execution of strategies to meet organizational objectives.
Business development is the creation of long-term value for an organization from customers, markets, and relationships.
Software development is the process of computer programming, documenting, testing, and bug fixing involved in creating and maintaining applications and frameworks resulting in a software product.
http://www.ivtnetwork.com/article/role-senior-leadership-quality-risk-management http://fortune.com/2016/03/30/most-disappointing-leaders/
Why = purpose Balance concerns of stakeholders: business managers, owners, users and operators Constraints: legal, social, financial, competitive, and technology concerns how it’s implemented => Quality attributes: fault-tolerance, backward compatibility, extensibility, reliability, maintainability, availability, security, usability, and other such –ilities
Where is accessibility? Business capability or Quality attribute? Is it a “what” or a “how”? When is the right time to talk about accessibility in SDLC?
I’m going to give you ideas how you can support accessibility in your own organizations
An org when faced with addressing accessibility: ignore, “bolt-on” modification, build it in from the beginning Blindfold => death, stagnation, loss comp adv. Bandage => inefficiency, inconsistency, missed opportunities (Don Quixote) (compliance driven usually) surface area (medic) Meeting requirements / compliance doesn’t ensure accessibility Ballpark (if you build it, they will come) => But how do you refactor the enterprise? (define enterprise with examples) joke: not the rental car, not the space ship… Building the ballpark: https://er.educause.edu/articles/2017/9/seven-steps-toward-it-accessibility-compliance System-based, permeates the enterprise (not siloed) (ebay example) Roles in supporting the change/development process Conway’s law - https://en.wikipedia.org/wiki/Conway%27s_law Accessibility corollary Where does your org fall (static analysis)
http://blog.danielna.com/2017/09/14/creating-an-accessibility-engineering-practice.html
A Developer's Guide to Web Accessibility in the Enterprise
-
http://www.supplychaintoday.com/demings-14-points-total-quality-management-tqm/
-
http://www.hbs.edu/faculty/Publication%20Files/08-039_1861e507-1dc1-4602-85b8-90d71559d85b.pdf
-
http://blog.lnsresearch.com/blog/bid/187432/8-Internal-Failure-Costs-Every-Company-Should-Watch
Objectives: VISION (we don’t actually care about MISSION -- see “sue everybody”): Developer speak: this system is already in production and you can’t turn it off but you can change https://www.buzzfeed.com/summeranne/what-office-jargon-actually-means http://webcache.googleusercontent.com/search?q=cache:IkZzR11zatUJ:www.businessinsider.com/what-corporate-buzzwords-really-mean-2016-11+&cd=3&hl=en&ct=clnk&gl=us http://llero.net/corporate-slang-speak-business-jargon-at-work/ https://www.straightnorth.com/company/marketing-resources/150-business-jargon-fixes/ system testing/regression testing https://en.wikipedia.org/wiki/Software_testing Black box approach - don’t worry about implementation details here code coverage : automated a11y testing fault injection : report an accessibility issue? In developer language: purpose of the system/core spec/non-negotiable requirements Help developers understand the attributes of an organization that creates accessible products https://en.wikipedia.org/wiki/Conway%27s_law therefore we need the enterprise to be compatible with an accessible product (metrics ? WCAG 2.0+ AA+ compliance) Outline of accessible product features (reflect them in the enterprise) STRATEGIC ACTION: Integration testing Get developers of privilege to step up and speak out in their organizations to advocate for accessibility as a product goal Tolerated vs. appreciated TACTICAL ACTION: Unit testing Give developers some tools and strategies to combat the myths, misinformation, and lack of leadership Coach vs. leader (You either don’t know or don’t care. I can only fix one of those.)
Saying without saying (indirect via others) Frontend and backend https://en.wikipedia.org/wiki/Ousterhout%27s_dichotomy: IT and Enterprise The love-hate of policy: https://medium.com/@WordcorpGlobal/programming-doesnt-require-talent-or-even-passion-11422270e1e4 Coding vs. Programming : typing vs. thinking Love the final product/result/solving problems | hate the slogging/grinding/toiling We’re lazy and someone is making us code (hate) Lazy tools = frameworks, automation, code reuse, WCAG = platform agnostic, language agnostic, open source application framework (trick, use ISO 40500 standard, can even be purchased lol!)
Before the hire: Interview questions After the hire: After you leave?: https://er.educause.edu/articles/2017/9/seven-steps-toward-it-accessibility-compliance https://hbr.org/1993/11/changing-the-mind-of-the-corporation
Is the enterprise software or hardware?
Enterprise means business, company (but avoid Enterprise Architecture because that means something else) It’s my responsibility > my company > my govt > society
https://www.w3.org/WAI/impl/Overview.html Audit sounds like a singular activity or at least one done infrequently and is tightly coupled to compliance.
I’m going to give you ideas how you can support accessibility in your own organizations
An org when faced with addressing accessibility: ignore, “bolt-on” modification, build it in from the beginning Blindfold => death, stagnation, loss comp adv. Bandage => inefficiency, inconsistency, missed opportunities (Don Quixote) (compliance driven usually) surface area (medic) Meeting requirements / compliance doesn’t ensure accessibility Ballpark (if you build it, they will come) => But how do you refactor the enterprise? (define enterprise with examples) joke: not the rental car, not the space ship… Building the ballpark: https://er.educause.edu/articles/2017/9/seven-steps-toward-it-accessibility-compliance System-based, permeates the enterprise (not siloed) (ebay example) Roles in supporting the change/development process Conway’s law - https://en.wikipedia.org/wiki/Conway%27s_law Accessibility corollary Where does your org fall (static analysis)
http://blog.danielna.com/2017/09/14/creating-an-accessibility-engineering-practice.html
"A developer" (aka 'me')
Outline
- History of policy, law, regulation, legal actions, technology:accessibility
- Tolerated vs. apprecaited
- priviledge
- Steady employment for year(s)
- Do not fear getting fired or laid off
- Do not rely on employer for benefits or care that would not be available if unemployed
- I can work onsite (provide my own transportation)
- I'm a citizen (no IH1 costs/issues)
- I didn't go through a "scholarship" program
- I'm a senior developer
- Invisible disability
- White
- Cisgender
- Hetero(ish)
- https://www.buzzfeed.com/regajha/how-privileged-are-you?utm_term=.ra88Reb11#.feKvJBExx
- (language) accent
- Expectations don't always cross boundaries (org, state, country) think students, employees, business partners, satellite offices, acquisitions
- Testing with PWD
Things to Research
- institutional change (reasons for change, mechanisms, etc.)
Notes
- joke: Not The Enterprise :rocket:
- meme: Your policies are bad and you should feel bad
- 7-steps to it a11y compliance
- building a11y
- maturity model
- [ebay preso] MISSING
- eu directive
- what to expect when you're expecting accessibility
- 7 steps to compliance
a11y design
a11yform
- focus-within: https://css-tricks.com/almanac/selectors/f/focus-within/
- make clear that :invalid works for no-js & constraint validation (custom message), aria-invalid for everything else (js only)
- use js to remove required so that the instant validation suck doesn't happen, add it back on submit (leave aria-required the whole time?)
- https://twitter.com/neiltyson/status/906893575916445696
- use italics for placeholder and ensure contrast p.269 heydon
- add reveal pw p.277
- explain how native jumps to first invalid but only desirable for [enter] submit. Non-enter submit should display message above submit with affordance to first invalid p.282
- debounce or swap live fields to prevent SR "stutter" on rapid changes p.286 or https://github.com/Heydon/on-demand-live-region or https://github.com/AlmeroSteyn/react-aria-live
In Defense of Native Form Validations
- ppk pt1
- ppk pt2
- ppk files
- validity polyfill basically, code you need to replicate it
- html5 rocks article
- a11y error messages (follows ppk's article)
- dq art
- inline errors
React
Other
Issues:
- AT does not read the custom validationMessage
- AT does not read the default validationMessage
- aria-invalid=true does not set checkValidity to false
- aria-invalid=true does not trigger :invalid css selector
Pros:
- Jumps to the invalid field on submit
- i18n when browsers support it, you're good
- first rule of aria is don't use aria if you don't have to
Warn:
- don't break autofill/autocomplete
- aria-hidden doesn't work on labels
Ref:
concept: Rejection vs. validation