DEV Community

loading...

Discussion on: What are WCAG and WAI-ARIA?

Collapse
ashleyjsheridan profile image
Ashley Sheridan

caniuse.com/flexbox-gap

You said gap, not flexbox-gap, two very different properties. Also, there are still times where neither of these is being used. margin and padding are still very much in use today, and not out-of-date at all.

I'm didn't say you shouldn't use it. I said it will work only on the initial load, but not on consequent navigations

But it will, and I even mentioned examples.

Thread Thread
stereobooster profile image
stereobooster Author

You said gap, not flexbox-gap, two very different properties.

.flex-parent {
  display: flex;
  gap: 1rem; // 👈 "gap"
}
Enter fullscreen mode Exit fullscreen mode

But it will, and I even mentioned examples.

With which assistive technology did you test it ( e.g. VoiceOver, NVDA, JAWS)?

Thread Thread
ashleyjsheridan profile image
Ashley Sheridan

Sorry, you're right about the gap being now also used for Flexbox, it's just badly documented.

As for the dynamic title thing, just tested it in NVDA and it works fine. I think the problem you're running into is that you're just expecting the screen reader to read out anything on the page that has changed. That won't happen, you have to make the browser aware that it needs to watch regions for changes. But NVDA has absolutely no problem reading out the new title.

If you have a valid reason to change the title for someone not using a screen reader, then it also applies for someone who is using one.

Thread Thread
stereobooster profile image
stereobooster Author

I need to get my hands on NVDA - I need virtual machine for that

Thread Thread
ashleyjsheridan profile image
Ashley Sheridan

I'm assuming you're using a Mac then? VoiceOver should behave just the same. Or there's Orca and equivalents on Linux.