Sami Keijonen

icon indicating a website link https://foxland.fi icon indicating an email [email protected]

icon company Foxnet icon location Finland icon location Teacher and front-end developer building the accessible web.

Results 74 comments of Sami Keijonen

Custom classes to control wrapper

:+1:

Block style variations

If needed this can be using [block filters](https://wordpress.org/gutenberg/handbook/designers-developers/developers/filters/block-filters/).

aria-expanded

Or I could just use init, open and close methods. Example: ``` var buttonTop = document.getElementById( 'top-nav-toggle' ); var navTop = responsiveNav(".top-navigation", { // Selector transition: 350, // Integer: Speed...

aria-expanded

I am no accessibility expert but I've been trying to learn it as much I can. This is how I'm using the Nav now. ``` // Nav toggle button var...

aria-expanded

Just a heads up that this solution is a valid option for accessible-ready responsive menu in WordPress themes. https://themes.trac.wordpress.org/ticket/24376

Using aria-hidden="true" in post thumbnail link

Here is the ticket where we are discussing this: https://themes.trac.wordpress.org/ticket/29739#comment:23

Using aria-hidden="true" in post thumbnail link

What about this solution? https://twitter.com/davidmacd/status/756227495083515905 > If you use aria-hidden on an interactive element or on a container with one it is still gets a tab stop unless you add...

Using aria-hidden="true" in post thumbnail link

Thanks @afercia for a detailed answer!

Typography

[Zach have nice checklist of font loading](https://www.zachleat.com/web/font-checklist/).

Try/add dependency extraction plugin webpack

@ryanwelcher Like we discussed I like the concept. But I'd really really want to see CSS files in the version numbers also. I've been using [Webpack manifest plugin](https://www.npmjs.com/package/webpack-manifest-plugin) for the...