Accessibility and more

  • Resolved Gyurmey

    (@gyurmey)


    1 year, 6 months ago

    Hi, I really like Maxi Blocks and the whole template library (especially Pro).

    However, I have a few questions.

    1. The most important question. Do you plan to focus on a11y? Like Breakdance, Bricks, Cwicly or even Gutenberg/FSE? Currently, for example, the Accordion Maxi cannot be navigated using the keyboard and the Search Maxi block has no label (these are just examples). This is a very important issue.
    2. Is it possible for style-index.css and maxi-blocks-sc-vars-inline-css to only load when any maxi block is added? Now these styles are loading whether Maxi Block has been added or not. I would like to use only native blocks sometimes.
    3. Will it be possible to add custom icons and shapes?
    4. Will it be possible to add custom units? For example, instead of pixels (which is a rather outdated approach), I would like to use functions such as min(), max() or clamp() for fluid typography or fluid margin/padding. Now adding units for each breakpoint is tedious/time consuming.
    5. Is it possible to define a separate Style Card, but only for dark mode? I’m not talking about a JS implementation for changing the mode, but a simple color scheme based on system preferences. Something like this:
      @media (prefers-color-scheme: dark) {--maxi-light-color-1: color-1;--maxi-light-color-2: color-2;…}
      And additionally for JS:
      [data-theme='dark'] {--maxi-light-color-1: color-1;--maxi-light-color-2: color-2;…}
    6. I’m currently using the TT3 block theme, but I don’t know how to get rid of the padding added by the .has-global-padding class for Maxi Blocks (I don’t want to get rid of it because I also use native blocks). Any ideas?

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Marko Anastasijevi?

    (@serifkonjevic)

    Hi!
    Really happy to hear that you like Maxi Blocks.

    We launched the plugin only recently, and there are certainly a lot of things we are yet to implement and we plan to do.
    While we’re at the start yet, our goal is to focus on the existing stuff and ensure they work perfectly and then slowly start adding new blocks and features.

    1. Accessibility is important for us as well, and the answer is a definite yes to this. Thanks for letting us know about the accordion and search box. We will look into it and fix it as soon as possible.
    2. Good point. We are working on load optimisations and this should be addressed in a future update.
    3. We will add this as a feature request. With 13.4k icons in total (at the moment) we hope you might find what you need ??
    4. Something already in our plans. I wouldn’t say PX is outdated in general though, but agree about the fluid typography being the standard now. At the moment, we have the following units available for different settings: px, em, vw, vh and %.
      You can already adjust font sizes (h to p) for each breakpoint XXL – XS in each style card. There are defaults which work quite well.
    5. When you customise a style card, you can keep the light colour scheme as is and alter the dark one only.
      Perhaps you meant to automatically detect the light or dark mode on the site and change the SC settings accordingly? Can you give us more information and clarify a bit?
    6. I believe that class wraps the entire content on the page, including Maxi blocks. You will have to overwrite it in CSS. You can use the “Custom CSS(for that page only)” option in the page settings.
    Thread Starter Gyurmey

    (@gyurmey)

    @serifkonjevic, Thank you for the answers. I really appreciate that.

    1. Fantastic!

    2. Great! It’s also worth including WOFF2 files instead of TTF for fonts, and adding inline declaration instead of in an external file (for better performance). Btw, how do you add custom fonts?

    3. ??

    4. Yes, I know, but I was thinking something like Breakdance and Cwicly.

    5. I meant one separate Card Style only for Dark Mode with the result code that I already provided above.

    6. I understand, but it’s not that easy to make the Maxi Block full width. I also don’t want to remove Root Padding.

    Thread Starter Gyurmey

    (@gyurmey)

    I’ve also noticed that animating the scroll effects triggers the layout and it affects performance. Instead of top, right, bottom, left you should use the transform property.

    Plugin Contributor Marko Anastasijevi?

    (@serifkonjevic)

    Great inputs! Thank you for all the suggestions.

    2. Totally agree with this one as well and we are currently discussing how can we do it.

    4. Ah, I see. Yes, we’ll do this.

    5. Maybe I’m missing your point, but how would that be different from the current way style cards work? You can define a set of 6 colours for the dark mode.

    6. Got it. I think the answer to this is the Maxi Theme that we are developing at the moment.

    7. You are completely right about the scroll effects’ animations. We’ll do as suggested! ??

    Thread Starter Gyurmey

    (@gyurmey)

    Thanks for the specifics!

    5. Not quite ?? Dark tone is not the same as Dark Mode. Now both Light tone and Dark tone only work in Light Mode. I mean prefers-color-scheme CSS media feature.

    • This reply was modified 1 year, 6 months ago by Gyurmey.
    Plugin Contributor Marko Anastasijevi?

    (@serifkonjevic)

    Thank you for the further clarification! Not something possible right now, but we’ll accept this feature suggestion ?? I’m thinking it should be possible to make two different style cards and load them based on the mode.

    Thread Starter Gyurmey

    (@gyurmey)

    Thank you! I appreciate a lot your answers.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Accessibility and more’ is closed to new replies.