Scott Borrowman
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Ya, I've never used it either. Definitely seems weird that it changes
disabled
to disabled="disabled"
though36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
If I were to build this from scratch, I definitely would use buttons instead of links. And I, personally, wouldn't use Vue for pagination
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Yup. That is the bandaid fix until I can convince the client they need a new site with code that isn't 10 years old 😆
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Yup. The link itself is working the way they need but right now nothing tells the screen reader that it's disabled
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Yes, because they are using javascript to handle the click event
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
It makes the screen reader anounce that it's disable. Which is what I am trying to accomplish.
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
They do support the
aria-disable="true"
however36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
"Should" work. They are using this pagination in multiple locations with different css and javascipt for each one. Changing the html could lead to breaking something somewhere without me knowing it
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
The site is using anchors for previous and next buttons in their pagination instead of buttons. I'm just trying to fix some of their ADA fails without rebuilding the whole site. And they are using the old
<a href="#">
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Thanks! Though, it looks like the issue I'm trying to fix needs something different. I need the screen reader to announce that it's disabled and I read that it won't announce
disabled="disable"
but after more research it seems it only might announce disabled
What I need to make sure it's announced is aria-disabled="true"
ADA is fun.... hah!36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 9/10/2024 in #front-end
Question about Vuejs and disabled links
Per ADA compliance, it needs to use the boolean attribute of
disabled
36 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 8/12/2024 in #front-end
Question about web components
Thanks Alex. It's not meant to be a straw man because I am legitimately wondering if I am missing something with why my coworker wants to split up every single thing to it's own web component but it does seem ridiculous to me. Another example is that he wants every possible function that a button can do to be within a button component and I have been trying to convince him that the button should go within a larger web component that has the functionality only for that specific component.
4 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 7/26/2024 in #front-end
Running into an issue while messing with the allow-discrete for animation feature
Might be a little hacky, but I can get around this by attaching the transition to the aria hidden attribute, which I want to add anyway, and then using a setTimeout to delay when the paragraph gets set back to display block. I usually try to avoid using both css and JS timing on the same animation but this doesn't seem too bad. The codepen link has been updated.
6 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 7/26/2024 in #front-end
Running into an issue while messing with the allow-discrete for animation feature
I feel like I could use that statement for a lot of things I wish css would be able to do hah. It's definitely getting much closer with some of these new features, though!
6 replies
KPCKevin Powell - Community
•Created by Scott Borrowman on 7/26/2024 in #front-end
Running into an issue while messing with the allow-discrete for animation feature
I thought it might be something like that but was hoping I was just missing something simple hah. Using keyframes was my second idea but thought I would see if it would be possible with allow-descrete and transition delay to just tell it to "exist" a little later.
6 replies