Marcus Herrmann @marcus@mastodon.social

📝 New blog post: Here's my write-up for #accessibleapp's menu button, some basics I learned from WAI ARIA's related authoring practices, what I concluded from looking into ReachUI's approach - and how I tried to make it all work in/for #VueJS #a11y

https://marcus.io/blog/a11y-app-menu-button

Little silly #a11y side project: Get a random web accessibility related resource, article, tool, wiki page or else everytime you visit

👉 https://a11y.one

📝 New blog post: "Creating a banking web app with accessibility in mind". An interview with Hugo Giraudel about their work, best practices, sources of advice and accessibility advocacy at online bank N26 https://marcus.io/blog/interview-with-hugo-giraudel-of-n26 #a11y #reactjs

New (and rather long) blog post: (Modal) dialog windows for #accessibleapp in #VueJS and how to implement them in a screen-reader friendly way https://marcus.io/blog/a11y-app-dialogs-modals

📝 New blog post: Let's start building #accessibleapp - but take the time for some architectural thoughts first https://marcus.io/blog/a11y-app-lets-start-building #a11y #VueJS

An acessible and inclusive vue-switch-button component that is actually a button[role="switch"], not a checkbox: https://github.com/marcus-herrmann/vue-switch-button (Background: https://inclusive-components.design/toggle-button/)

#vuejs #a11y

New blog post: An approach to accessible routing in #vuejs: https://marcus.io/blog/accessible-routing-vuejs #a11y

@aral Have you seen this? https://twitter.com/SDullien/status/1061199407402680321

Since web #accessibility and inclusive design is most of all an educational problem, it's great to have people like @heydon who can literally cook up great comparisons: "Why Inclusive Design is like cooking a curry"

https://vimeo.com/281153346

#EuropeanAccessibilityAct has made a huge step forward to implementation in the last days. Read WebDevLaw's twitter thread (https://twitter.com/WebDevLaw/status/1062283580548751360) how it affects the brexiting UK, and check out http://www.europarl.europa.eu/news/en/press-room/20181108IPR18560/european-accessibility-act-parliament-and-council-negotiators-strike-a-deal to learn slightly more (an informational microsite on the #EAA from yours truly is being prepared)

New blog post on the status of #accessibleapp, what I learned since the last article, useful customer projects and strategies for accessible Routes in Single-Page #Vue #React #Angular #a11y

https://marcus.io/blog/a11y-app-status-side-benefits-routes

Currently writing the next blog post for the #accessibleapp project. Had the opportunity lately to advise a web agency regarding #a11y of a single page application, esp. regarding routes, dialogs and focus management, and the research for #accessibleapp helped big time!

#a11y folks - is there anything against doing the following:

Using #Vue router, after route change & a component being called, using said component's mounted lifecycle method to #focus the 1st sensible element within it, after a delay of course?

cc @heydon @yatil @scottohara

Yesterday's #watchOS5 update for the #AppleWatch brought @webkit. Read my blog post to learn how to prepare your websites https://marcus.io/blog/websites-on-apple-watch

"However: Automated accessibility tests aren’t a turnkey solution, nor are they a silver bullet. There are some limitations to keep in mind when using them." @ericwbailey for #SmashingMagazine

https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/

The @syntaxfm@twitter.com episode on #accessibility #a11y is released! https://syntax.fm/

Protip: Fire up #FirefoxNightly and check your SSL certificates. Just visited the German website of Kellogg's (because of a dumb joke) and learned that they use a Symantec Cert which isn't trusted anymore by Firefox > 62 it seems:

https://blog.mozilla.org/security/2018/03/12/distrust-symantec-tls-certificates/