Welcome to the Fandall hurry up. I'm Ariel Epstein joining the show today is Ryan Williams. We're going to talk about where Julio Jones the Atlanta Falcons wide receiver could potentially be going. I love that Fandall gives us this option Ryan. Yes, I love it too and and what better way you know to kind of kick things often with a Julio landing spot. It's this is great. He's he's got so many different destinations that he could land up in but I got three that I think that I think are going to have the people talking. You can only bet this in Colorado. I do like where you're going first Ryan. You like the Baltimore Ravens. This was one of the teams that had the most movement overnight with the Ravens going from 12 to one to take Julio Jones to now five to one on the Fandall sportsbook. Why is Julio Jones a fit for the Ravens. Yeah, I mean Julio being there in Baltimore. Listen, he talked about wanting to play for a winner right and let's let's talk about the Baltimore Ravens who are basically you know just a couple years removed from you know being in big games and everything's been made about Lamar in the passing ability and it's it's time to give this guy some respect here. They're doing everything to kind of build the offense around around him and give him weapons by taking Rashad Bateman in the first round bringing in Sammy Watkins. You know and what better way than to add a guy like Julio Jones here to the mix and you talk about a team here with the Baltimore Ravens and having Mark Andrews to and you're well that's not great from a fantasy perspective. Okay, but we're just talking about where Julio is likely to land and you're talking about a winner here. The Baltimore Ravens already have pretty decent odds plus 1400 to win the Super Bowl. I think that will only go up if Julio Jones were to join this team. Now they are a little bit restricted by the cap. They could probably try and maneuver some things around just brought in Sammy Watkins. Maybe I don't know. Maybe they make some moves for some guys to relieve some of that salary but when you're talking about only a second round pick basically that it will take to get a guy of this caliber. I think definitely the Baltimore Ravens are in the mix as they're in a win now mode. I would be a very happy person if Julio Jones goes to the Baltimore Ravens you see the helmet behind me. This Ravens team also had the least receiving yards per game averaging 182. They need to get that up in order to win a Super Bowl. The next team that you like the Arizona Cardinals plus 850 to get Julio Jones. Why do you see Arizona taking another top notch receiver on the other side of Deandre Hopkins? Well, exactly Ariel. If we're talking about it's only taking a second round pick to get a guy of Julio's caliber. Let's not look too far then when they made the move to get Deandre Hopkins from the Houston Texans. They're not new to this. They want to win as well too. And you're looking at the NFC West. This is a tough, tough division there with teams getting better. Obviously the San Francisco 49ers are one of the other favorites to land Julio as well. They're in win now mode and they just invested in the top tier quarterback there earlier on in the draft. So they're ready to win. You got Russell there in Seattle. So the Cardinals definitely need to make a big splash. They do have Deandre Hopkins, but really when you're looking at the wide receiver course outside of him, there's not much to balk at. And, you know, on Collin Murray's on his rookie deal steal, they want to try and win now. They have an aggressive GM and look at this defense. They're trying to do, they're trying to get better bringing in a guy like J. J. Watt bringing in or getting Chandler Jones back healthy now. I think that him landing here at Arizona is definitely going to put them in the mix and you're talking about their odds plus 44 100 to win the Super Bowl. I believe, you know, just they're still high odds to win the NFC. So if they get a guy of Julio's caliber, I really do like their chances at success. The Cardinals to win the division could also be intriguing. This is one of the toughest divisions in the West in the NFL. If you get another wide receiver, a number one caliber wide receiver on the other side of Deandre Hopkins. That would be very dangerous with the quarterback Kyler Murray, maybe even MVP to Final landing spot you have for Julio Jones. The Indianapolis Colts at plus 950. These are your longest odds for Julio Jones landing spot. Why is Indianapolis a fit? They're the longest odds, but they're also, this is my favorite destination for Julio to end up in. Now, you know, we got a couple of things that are at play here. We're talking about an AFC team in the Colts. They're outside of the NFC division. I think that the Falcons have every incentive to keep him out of the NFC. So when you're looking at the Colts here, I think that's a prime spot. Then you're looking at them being aggressive. They brought in Carson Wentz in the offseason. They brought in DeForest Buckner on the defensive side. So we know GM Ballard that he loves to spend the spend money and we're talking about what Julio Jones is going to mean going to another team. He's guaranteed 15 million on the books in 2021. The cap space is very nice for Indy and they're going to bring in an alpha wide receiver there to kind of help things out. They brought back T.Y. Hilton. They have Michael Pittman getting Paris Campbell back off of injury, but nothing like what Julio can offer. And when we're looking at the situation there in that division, I mean the Colts, how do they not become the favorite to win that division, get into the playoffs just by making that one move. So I definitely like that. And you're looking at Carson Wentz there. And I know people aren't maybe buying into the hype train. We got social videos of Carson Wentz throwing it to Jonathan Taylor and company. But when we're looking at his MVP season in 2017, Alshon Jeffery in fantasy was wide receiver 15. Nelson Aguilar wide receiver 22. So by adding a guy like Julio Jones, it's wheels up for this offense in 2021. You mentioned that they're cold springing back their veteran wide receiver T.Y. Hilton. You have to wonder in Indy how many games is Hilton going to play? Is he going to stay healthy? Is that hamstring going to hurt him? At least if you have Julio Jones back there, you could feel confident you still have your number one wide receiver in the mix. That's Ryan Williams. I'm Ariel Epstein. Thank you for joining us here on The Fandall. Hurry up. Make sure to keep a look on The Fandall Sportsbook. And if you're in Colorado, have fun betting those lines for where Julio Jones is going to land next.


So my name is Clint Severance. We're in the field here on Vigy Farms, which is in rural Hunter, North Dakota, northwest of Fargo. Our project was grazing cattle on cover crops for the whole summer here. This project came about because I kind of can try to find a way to get back into cattle as I grew up on a cattle ranch. I was trying to figure out a way that would work and I was at a field day of nicks for his no-till farming and he mentioned he wouldn't mind having cattle on his land so I started talking to him and kind of hatched this plan to have a rotation where we started out with the cattle on a winter annual cover crop for May and June grazing and then move them over to a spring seeded cover crop of oats and peas and then at the end the winter annuals would get seeded to a warm season cover crop that will graze in August and September until water starts freezing. My name is Nick Vingy. I am the owner operator of Vingy Farms and we are a grain farming operation in the Red River Valley. We farm about 1700 acres and in the last five years I've switched over to no-till and using cover crops and we wanted to add cattle into the mix to have that final piece of the puzzle kind of fit with our soil health objectives. When I talked to Clint one of the things we worked with was trying to figure out how to get cattle here during the summer and not a full year round cattle so I'd like to graze cattle on my farm ground for part of the year and to work with the cover crop system we decided that would be a natural fit to try to graze them on cover crops. I think cover crops for me is a fairly natural fit when going with no-till a lot of the cover crops have made no-till much easier to work with, a much better system to work with and then I am getting the benefits of having better quality soil. There's no doubt that no-till is a long-term goal. It's not a quick fix for anything but I think if you work at no-till and work at cover crops you can you know over time you're sort of putting equity into a soil bank. You're putting money away for a future generation hopefully and that's something that if I can make the land better for my kids than it is for me and pass it on to them better than I found it or better than I got it then then we're going the right direction so I think it's something that maybe people have to realize that it's a long-term commitment but there's also big payoffs they're just a long ways down the road so I think in our area five years is kind of a minimum to start seeing the benefits it's maybe six or seven is more realistic I'm hoping with the cover crops we can we can back that down a little bit back down to five or six but I think the payoffs are starting to show up already in year five and and they're I'm hoping only gonna get better


In today's video, we're pitting the last three years of megatins against each other. What's up, guys? We're back with another megatin opening. In this one, we have 2020, 2021, and 2022 megatins that'll be facing off in an epic versus battle. So the reason I'm doing this is because I need three pot of prosperity for a deck that I'm building. I've been building a lot of decks. Yeah, I'm getting into it and getting into the deck building grind, which is definitely a grind. And I'm missing, I don't have any prosperity at all because I usually sell them because they're so expensive. It's just, I can't justify keeping them if I'm not going to use them, which I'm probably not going to use them anyway, but I am going to put them in a deck. So that led me to think about all of these different tins that we've had the last few years, because pot of prosperity is in 2022 tins. I have a few 2021 tins laying around, and then I even have a couple 2020 tins laying around as well. So we're going to have a lot of different ones to open. This is actually 2022. The first one we showed was 2020. Yeah, backwards, but it's okay. But basically I have two of each tin and there's going to be a versus battle with totals on the screen, six total packs of each. This is right after they stopped using promos, which everybody misses a lot because in the 2019 tins we had like Nibiru and all those crazy prismatic secret rare promos that everybody loved, but Konami, maybe we want to bring them back? I don't know. Throwing it out there, but these are the ones that we've had since they took them away. Before we get into it, we have a giveaway. I'm giving away something epic. It's a double misprint, Gaia the dragon champion. This is a reverse secret. It's also gold letter Gaia. It's pretty rare to find one of these in double misprint. Just like the video, be subscribed, turn on notifications and let me know which of these tins is going to win the battle and which one's your favorite. I'm starting right in the middle with the 2021 mega 10 because I think this is the least exciting of these three. 2020 is really cool because it has the one and only red eyes of dark dragon, whatever he's called. Why can't I open this? It's too stretchy. The number one card in here right now is the divine arsenal Zeus prismatic secret rare. There's also a, you know, triple tract X talents as an ultra, which is a great card. So a lot of good cards we can pull here. Let's just get started. All right. Our first pack of the tins that we're going to be opening today. I'm excited about this because mega tins I don't usually revisit because there's not like a high rarity chase or anything, but there's some really nice like meta staple cards that are like in prismatic secret, which I absolutely love. I think it's one of the best looking rarities. Let me know what you think about it in the comments. Let's see if we can pull something good here. So I think you get what? Two ultras, two supers and a prismatic secret. There's a super rare Juneta transversor. I lost a horrible loss in auction series and also on twitch the other day, go check it out twitch.tv slash ruckson 34. You want to see me play master goal? I lost to that. Ooh, a dogmatica asian. So that's not what we're looking for. I mean, that's not a great card. Not even dogmatica really uses that. Didn't even mention this card. This is the card of the set. Back when these first dropped is like $100 on pre-release. This was the craziest card. It then got a prismatic secret in the next 10. So I kind of ruined it, but this is still a really strong card and very usable. I have a hilarious short on ruckson live about someone who used that against me in master dual gear suit. Very nice ultra rare. And then, yeah, we've got the union driver.  So nothing too crazy there. I guess this guy's actually not bad right there. Cross out is still even after the reprint, the third best card in the set. So that's a great start for the 2021 10s. If they pull off the W here, it'd be really funny because those truck, truck and trash, I'm not saying that backwards. Dog and trash. There we go. Okay. We got the obsessive uva loop. Very cool. Can we get something good? Let's see if I can actually pull these cards. Feed ran the wind of the mischief. That's also nice. The shiny black sea squatter. He's a squatter. Okay. We have a infer noble arms during now that we just pull that. I think we pulled that a second ago. No, that was a hot clay hot clay. Okay. Next up star secret rare. I'm on Lord of Striking Thunder. So yeah, it's a great awesome sacred beast, not a great guard in terms of value here. We have the adamant spirit researcher and we have a virtual world Zephy. GG. All right. So we've got a couple of ultras there. Nothing too insane. We've got some Lee. Oh, the lifeless Lee fish. Very, very weird. Okay. What do we have from the back here? Let's see what kind of pack trick we need to do six from the back. Let's try that next time. Final pack for the first 2021 mega 10. They have, well, we'll have one more 10 after this, but we're going to mix them up. So let's try the pack trick one, two, three, four, five, six. Let's see if we messed it up. We did not. We have the AI dole reborn. We have the puffinies, the tactical trapper, joyous Melvies, the Jack O'Bowland, Lingerbell, AI love fusion, the fury of Karishan, the AIQ, cyberverse accelerator. We have the ricka queen astrena, the buzzsaw chargate, good in dual links for a while, jabbing panda. Wow, there's a lot of comments here with the infernoble arms during doll. We definitely just saw that. That's the same one. We have the warning point. I think this, didn't this used to be a secret rare in some set? I feel like it did. I don't know the next up secret rare. Here we go. Another Haman. Okay. That's got a rough gear, Sue, and a research. This is literally like some of the same cards we've already pulled. Haman, not that great in terms of actually, you know, value or anything, but it's a cool looking card. Next up, 2021 10. I always do these upside down because the way I look at them the way, I don't know, I flip them the wrong way every time, but 2020, we see the total of the 2021 so far. I feel like they're doing pretty well, though, even with like that weird prismatic, you know, dupe that we got there, we got the third best card in the set. So we can't really complain about that. Let's see what else we can pull from 2020. Can we get that red eyes, dark Dragoon? There's also a lot of other cards like IP mask, Iran is a prismatic secret rare. The Draco berserker, the tinny is a $17 card at the moment. Avromax just got a reprint and super rare and amazing memories to probably not, you know, worth as much as they're saying right here. Borla with Savage Dragon, nice prismatic secret. Also Pot of Stravins, Apollosis and Ultra. A lot of good stuff. Like this is a really good set. It's aging pretty well for like cards that are still being used in the meta and they're still expensive. All right, 2020. I forgot how like yellow we these look. I haven't seen these in a long time, obviously, because we opened them in 2020 and haven't really opened them since. I mean, technically, we open them in the every pack opening that we did for the second time. If you haven't seen that one, go watch it. Guard Dragon, Promenesis. Let's see what we can pull. Jelly can. I don't know the pack trick on this one specifically. I don't know if it would still be six. Gladator Beasts, come back. They need to make it come back because they're not very good. The Gladator Beasts, the connector, the astral ghouls. Look at those guys. Oh, it's so cute and also creepy at the same time. All right, Super Rare. We have a Pendulum Halt. Okay. Is it the next, the secret Rare Witchcrafter Adele? Okay. We got a Witchcrafter card. Okay. The Red-Eyes Dark Dragon could be in this slot because it's Ultra Rare. The Mount Smasher and the Witches Strike. Okay. And Ultra Rare there. So one, okay, two, one, two, three, four, five, six. Oh, Medulce. He's had it again. So six. Okay. So six from the back is what it is. Two packs left of 20, 20 Megaton. What will we pull? Pegs is Wind. The Draw Hand. Salamangrid Phenic. Catapult Pass. The Salamangrid Violet. Hop-Ear Squadron. The Trickstar Fusion. The Dimmer to Glimmer. The Mirren says Wunderheart. Dino Wrestler of Veilanex. Salamangrid Sunlight Wolf. So Salamangrid's are added again. Fury on Fire. A Evil Eye Mesmerism. That's a Super Rare. Then we have a Bead Raptor, also a Super Rare. There's a magic secret. Let's get something good. A Mystic Mine. All right. So we have a Mystic Mine. It is now banned. So all you guys who are having flashbacks right now, don't worry. It is still banned. Let's see if Dark Dragoon is next. Okay. The Omni Dragon Brotar. Okay. That's an Ultra Rare. And Oh, Apollosa. Bow of the Goddess. Megaton 2020 Print. That is a nice one. I mean, Apollosa is still an amazing card printed in 2019. It's still pretty awesome. All right. Third pack of 2020. I think we're doing okay so far. I mean, that Apollosa is definitely solid. It's one of the best cards. About seven something. It's close to the cross-out value. One, two, three, four, five, six. So we should be pretty close to the 2021 10 right now. Time for the Bezel Ship. Let's see what we can get. Guard Dragon, Core Walling, Witchcraft of Draping. Whoa. Dino Ressker Eskrimanechi. All right. The Dino Ressitero Pancorio. Okay. These are crazy. Evil Eye. The Dino Ressler. The Basilisk. The Dino Ressler. The Connector. Morincess Current. Dark Factory. More Production. The Zerziel Ruler of the Evil Eye. Okay. Evil Eye stuff. All right. Not crazy. Time Thief Winder. And what will we get in our Prismatic Secret Rear slot? Here we go. Witchcrafter Hayane. Yeah. This is one that was a really expensive super before the reprint. And this didn't really help. So we've got the Omni Dragon Brotar again. And Out Trigger Extension. I was hoping we'd just get another Appaloza. That would have been pretty nice, but not right there. So that was an okay 2020 10. Here's the values right now. Let's move on to 2022. Here we go. This is the one that I'm really opening this for, to be honest. I really want to get the pot of prosperity, but I remember it being pretty hard to pull out of here. We did not pull a lot of them. I only pulled like four and I opened several cases. So yeah, it's probably not going to happen. But if we do pull one, I'm going to be very happy. I'll be ecstatic. I'll be excited. All those different words that are synonyms for excited. Okay, let's go. Three packs 2022. Not a huge task right now to come back from, but the other 10s did fine. Let's see. What we can we get out of here besides the prosperity? Dark Dragoon, obviously the same card, but it's a Prismatic Secret. I don't know why they reprint them in different rarities. It's really weird. We got Dark Magician Girl. Of course, Blue Eyes, Red Eyes, Lightning Storm, stuff like that. So a lot of good stuff. Let's see what we can get. Arm Dragon Thunder, Ultra B Trooper, the Gunketsu Ship, you and I, Judge of the Ice Barrier. We have a Paleozoa Kembro Roaster and we have a CS Arm Sage and we have a Dark Gaunt. Wait, the do the Ultra is first now. I forgot. That was smart because keep the secret for the end. Dark Gaunt is very cool. Synchro Overtake. Also a nice Ultra and Underworld Goddess of the Cursed World. This is not a bad card either. A nice print of it. Prismatic Secret Rare. Okay, that's not terrible. We'll take that. Gunketsu Ship, Despy and Tragedy for those Despy and Dex and Night's Worm Serpent. Not bad at all. Second pack of 2022. Will we get that Pot of Prosperity? Not a bad card that we just pulled, but we'll take that. I didn't count. I think it was, let's try six and get three. Five, six. I feel like that's right. We have a Magicky Locky. Well, it definitely didn't give us the foils, which has got Festival, Majestic. We got the Wills Dragon, the Brandon High Spirits, Despy and Comedy, Basil Rose Shoot, Dragon of the Night. We got this Excellent Trust, the Aero, Pix3, E to the Sun Magician, Guard and Rose Float. Whoa, why does that look double stamped? Is it just me? They look really, really thick on the stamp. Okay. Masquerade the Blazing Dragon. Nice Super Rare for the, you know, what is it called? The, the branded deck. I couldn't remember. Okay, Super Rare. We have the Denmari at Ignister. Nice Super. A, oh, Dimensional Shifter. That's a card right there. Apex Predation. I don't know a lot about this card. And finally, will it be the pot? Wow. We did it perfectly. Okay. This is like a $58 card right now. Whoa. Okay. So basically I did the perfect pack trick. So six. So the last card was the Seeker Rare, and then it was the best card in the set. I would see to pull two more. Can we make that happen out of these next four packs I have? Easy, easy, right? All right. Was not expecting to pull it that easily. I mean, the second pack we already pulled it, but I'm okay. One, two, three, four, five, six. I will take that. If we just pull it in this pack as well, I'd be okay with it. Let's see. Stay sailor. We have the, uh, Guardra, the Cradle, the Sting Lancer, the Magic Key Duo, the Freeze Bell, Diplo Man, Thunder Level Three, Vanisher, Red Carp, the Supernatural Danger Zone, Ultimate Flagship, Earth Citron. We have White Knight of Dogmatica, Live Twin Key Skill Frost, not about Super Rare there. Then we have a Earth Chance. All right. A DD Assault Carrier. And finally, another pot. Will it be it? Oh, Dry Tron Mubeta Fafty. You're not a bad prismatic secret as well. So that turned out to be a pretty crazy 10. Here are the totals. I think 2022 is probably winning now. All right. Back to 2021. We are a halfway point. We've been taking our time a little bit on these. So now we're going to go a little bit faster, because we do have half the video to go.  But let's see if we can get two of these packs and pull something amazing. Because last time we got Crossout, which is pretty amazing. But really, we need something big time to come back from that pot of prosperity. All right. 2021 10 of H of Battles. Wow. That was a great pull. I'm pretty hyped about that. One, two, three, four, five, six. Let's do this. We have a Puffinese, the Infranobal Knight, the Dogmatica Encounter, Light Knight, Added Mister, the Junk Slate, while there's a Ruxen Special. Actually, Super Ruxen Special, Red Time, one or eight, Bellcat Fighter. We have the Speed Road Block and Roll, Kotak or Inverted, Gogi the Power Load, Ochre, the Arc Rebellion XC's Dragon, Deep Sea Area, and the Dogmatica Punishment. That's a good pull. I don't think it's a crazy value card, but it's a great card. It looks really, really good. So it's a nice prismatic secret.  Rulo the Drabad, that guy, the long name guy. I always mix up his name, but yeah, he's banned, I think. Two packs to go. Four, five, six. That was a pretty good pack, actually. Pretty good pack, but it is not good enough at the moment to take the lead. So we have a rookie for hire, Blizzard. Man, now, look, when I speed it up, Ruxen Specials just go crazy. So Super Ruxen Special, twice in one pack. Ignister, the Melty Playhouse, the Torpedo Takedown, Penguin Brave, Arc Jet Lightcraft, the Irvin of the Night, Durandal. That's a Super Rare Intermediate Secret. Next is the Prismatic Secret. Win the Wind Charmer. Okay, not a crazy one, but it's a Secret Rare. Okay, and then a couple of Ultras. Yeah, not a good 10 so far. This has been pretty rough, but don't you worry. We have one more pack, 2021. Will it be epic? Will it be awesome? One, two, three, five, six. We need it to be epic and awesome at the same time to have a chance. Lifeless Leafish, the Ad Ignister, the Ginny, the Resonator, A.I. Shadow, Jack in the Hand, just a weird name. Rokey Ironclaw, the A.I. Ritual, Melphymommy, Charging of the Dark World, Melphyhine Seek, we have an Awakened of the Possess, Rasen Raiu, Shiny Black Sea Squatter, we have a Drytron, Delta, Altaius, and Virtual World, Mahime, Lulu, actually a pretty good one. I mean, Lulu is a pretty strong card for that deck. We've got Aria, the Water Charmer, and then a Piercing of the Darkness. This has a Starlight Rare, right? Okay, very interesting. And the Brigande, the Glory Dragon. So here's the final tally for 2021. If I'm not mistaken, they're officially not gonna win. All right, we're gonna switch it up and go 2022 first so that 2020 has a chance to make a comeback on the last opening because right now they have a big lead with that Pot of Prosperity. We'll open this up, see if they can extend the lead before we get into the final opening. All right, here are our three Mega Packs of 2022. They've been pretty good so far. Let's see if they can continue it with another pot. One, two, three, four, five. We don't want to mess this up because that would put the secret right to the front if we get one off. Bumpkin Beast, what a guy, Thunderbolt, Hilbringer Hog, we got the Majestic Absorption, the Magicky Duo, Night Sword Serpent, Master's Diplo Man, Basil Rose Shoot, Meowsklick, Ice Jade Acty, the Red Carp, Sacred Tree Beast, Hyperton, Ruxus Special coming in, Flounderies and Eaglin. Ooh, the Flounderies, we have a Lifetwin Keyskill Frost, that's two of those, not bad. Gokie Finishing Move, super rare. Flounderies and Token, so more Flounderies, going at it again. And a Mimicking Maneater Bug, Ultra, very cool card. And, ooh, Incredible Ecclesia. Also a pretty good one for those Sword Soul decks, so not a bad card, pretty solid pack overall. Two packs to go. Can we get another pot? Can we get something else epic? You know, there's a Red Eyes Charged Raccoon in here, the Vindrappa, there's a lot of really cool stuff. We have a Gunkin Soushiip, the White Baking, a classic card where B Trooper fly, got the Ritual card signed out, we got Brandon High Spirits, another nice card at Levitum. Gunkin Soushiip, Ultra B Trooper, very nice B Trooper Squad, Fable Treason, we have a Supernatural Danger Zone, a Flounderies and the Unexpected Wins, or the Unexplored Wins I should say. Mocking a Ruin Force, that's a great card for your Mocking a Dex. I actually need this card for my Mocking a Dex, which I haven't played in a while, but it's a cool card. Life Twin, Lea the Treat, some more Life Twins, and a Rebuild Deer, he's gonna rebuild with the Deer. A Contract with the Abyss, and Flounders and the Magnificent Map. I saw the spell card and I was like, did we get another one? This is also a great card for the Flu stuff, but it's Flu, so, you know, not great. All right, final pack of the 2022 Mega Tins. Let's see how they finish it up when they pull another pot. One, two, three, four, five, six. We have Brave Drive, Bujan Candesans, Brandon and White, B Trooper, Soul Roller, the Gunk and Suship Daily, we have the B Trooper, we have the Despian Comedy, Zoroa, Link Apple, a legend amongst our channel, I guess, you could say? I was like, once our people, I was gonna say, okay, Flip Frozen, we have the Magicky Unlocking, ooh, Ruxen Special, Pass the Magicky Fiend, Dan Mariah and Ignister, we have a White Knight and Dogmatica, the True Sun God, Ultra Rare, a Breaking Ruin God, a lot of God cards, and Dramaturg of Despia, so another nice prismatic secret, not crazy value, so that gives the 2020 Tins a chance to come back. Here are the total values before we enter the final round. Let's see if the 2020 TIN can make a comeback at the very last second. That'd be pretty amazing. All right, our final three packs of the opening. Let me know if you've enjoyed this kind of video with three different kinds of Tins, going back and visiting the Mega Tins, which we don't do very often. I've had fun doing it. Let's see if we can pull something crazy here like the original Red-Eyes Dark Dragoon. Here we go, Solomon Great Burning Shell, we have a Ruxen Special, Draping, Blast Iron Core, the Reincarnation, Time Thief Hack, Balazius, we have the a Marshall Ampelo, okay, Morch Lag, Gar Dragon Shield, the Adano Wrestler of Velunks, the Sunlight Wolf, the Pendulum Halt, we have a Witchcraft for Scroll, it should be next with these Secret Rare, Unchained Abomination, another nice card for Unchained, there you go, Distant Coder, okay, we've got a C-Zell Watcher of the Evil Eye, and a Wind the Wind Charmer Verdant, that's Sam, Starlight Rare, it's available. All right, not a great first pack, we're going to need something better than that to make a comeback for 2020 at this point. I don't even know, I mean, are they even in second at this point? One, two, three, four, five, six, I'm not really sure, here we go, we have the Tyrant Farm, XC's Sly Dolphin, the Heat of the Fire Charmer, Dino Wrestler, Long Name, the Terra, the Evil Eye, Gar Dragon, we have the World Dragon, Legacy Gar Dragon, we have the Furrier of Fire, the Neospatian Connector, Morincess Currents, so many comments, Unchained Soul of Anguish, Super Rare, we have a Nightmare Incarnation Idley, I didn't know this was a Super, that's actually pretty nice, we have that. Sky Striker Ace Kiana, seems like the name's got something going on with it as well, Prismatic Secret, here's what the Jigun could be, Successive Soul, and you've Lie Awakening, okay, not awesome, and then a Linkmail Archfiend, so a little iffy on that one as well. All right, our final pack of the opening, we're going to need a crazy pack, we need a, like an IP, Prismatic Secret, and a Red Eye Dark Tribune in the same pack, could bring them back maybe, here we go, Gladiator Beasts United, Gladiator Something, we have the Guard Dragon, Speed Burst Dragon, Solomon Gate Transcendence, Fusion of Fire, Subterra Succession, the Trickstar Fusion, Infinitrag Drag Shovel, the Morincess Sea Angel, Infinitrag Tunneler, Guard Dragon Andrake, the Evil Eye Retribution, that's a Super Rare, Morincess Sea Horse, formerly a Starlight Rare, here we go, what do we have, I thought it was the Oppo, that would have been crazy, or sorry, the IP, Shaman of the Tin Yeet, not a bad card, but not what we're looking for, and, that's some rivals, still pull that dragon, come on. Oh, Witchcrafter Pator, all right, so just a white howling at the end, so it looks like, revisit everything we've seen, I think 2022 won, but that was an amazing pull, whole reason I did this, what's for the pot of prosperity, so it was nice to pull one, if you guys enjoyed the video, make sure to subscribe to the channel for more epic content like this, shout out to ToneFo Show, Dax or JTTO, Puffins of Doom, Ernesto D'Anda, Dizzy Hoppus, Choice333, Missycle, James Jantz, TCG Trust of Cards, America Deutzer, Supreme Sage 21, and on the tie show, Ian Moosa, Junior Barting, Mimic Gecko, and Thomas McClain, thank you guys for supporting the channel, I'll see you guys in the next one, peace.


So here's a question. How does double or triple masking as Fauci suggests make sense? Again, that's another thing taken completely out of context. So exactly what I said earlier, that not all masks are created equal, that there are flimsy masks out there. And why are you wearing a mask? It's the service of barrier. And the more layers you have, the more filtration you're going to get, trying to mimic something that's more like a medical type of mask. So there are people that have really bad masks and they don't do that. So if you have a flimsy mask and if you read, if you just, if you just look on my Twitter feed, I just did about 100 interviews on this topic. If you've got a flimsy mask, it does make sense to wear a second layer over top of it. But if you've got a mask that's very consistent with CDC guidance, meaning a cloth mask with multiple layers, three layers, that that's going to be fine. And what's so you don't think that that's the case. Everybody needs to double mask or triple mask. And we don't want people to have something that they're not going to wear, or you don't want to discourage them from not wearing any mask because they'll say, well, I have to have a triple mask and I don't have three of them, or I can't breathe when I have three masks on, or I can't comply with all of this. It's too hard to do. That's not the case. If you've got a flimsy mask, maybe double up. If you've got a good one, that's fine. And there actually is a private group, the ASTM, which makes standards. They're actually making standards right now for masks for the general public. So there'll be a private label that says, this mask meets ASTM standards. And that's going to be very useful because right now the general public has no idea because the government regulates OSHA masks, masks for working and masks for healthcare providers, but they do not regulate masks for the general public. So there is no standard. And again, this is kind of that moral hazard because so many people are looking for a standard. And that's kind of because there is no FDA standard for a public, a mask for the general public, no one knows what to do. So here, this is probably what could happen for the other things, for the medical masks and for occupational masks, is that there's a private organization that's now coming up with a standard because they found a market need. And they're going to, and then people are going to pay like underwriters, those types of things to try and say, does my mask meet this criteria? So this is the market figuring this solution out. And hopefully we will have standards for public, for masks for the general public soon. What we need today, what I call the new intellectual, would be any man or woman who is willing to think, meaning any man or woman who knows that man's life must be guided by reason, by the intellect, not by feelings, wishes, women's or mystic revelations. Any man or woman who values his life and who does not want to give in to today's cult of the stare, cynicism and impotence and does not intend to give up the world to the dark ages and to the role of the collectivist roads. All right, before we go on, reminder, please like the show. We've got 163 live listeners right now, 30 likes. That should be at least 100. I figure at least 100 of you actually like the show.  But at least the people who are liking it, I want to see a thumbs up. There you go. Start liking it. I want to see that go to 100. All it takes is a click of a thing, whether you're looking at this. And you know, the likes matter. It's not an issue of my ego. It's an issue of the algorithm. The more you like something, the more the algorithm likes it. So if you don't like the show, give it a thumbs down. Let's see your actual views being reflected in the likes. But if you like it, don't just sit there, help get the show promoted. Of course, you should also share. And you can support the show at urunbrookshow.com slash support on Patreon or subscribe star or locals and show your support for all, for the work, for the value, hopefully you're receiving from this.  You'll know what shows are on when they're on. You're good notified. So yes, like, share, subscribe, support, like, share, subscribe, support. There you go. Easy. Do one, all of those, please.


Hey what's up folks, in this video we're taking a look at Whipper Snapper with the new Adafruit QT Pi. Whipper Snapper now has support for Adafruit's newest Wi-Fi board, making it one of the easiest ways to do IoT projects. The Adafruit QT Pi now comes in a new flavor featuring the ESP32S2. It can also run both Arduino and CircuitPython. Here's how to set up the QT Pi ESP32S2 with Whipper Snapper and Adafruit IO. Go to the quick start guide and scroll down to the installation page. In the download section, click on the download button to launch the release page on GitHub. Scroll down and look for the UF2 file for the QT Pi ESP32S2. Double press the reset button to get the board into bootloader mode. The new pixel will turn green when it's ready. Then just drag and drop the UF2 file onto the USB drive to automatically flash the firmware. Using your favorite text editor, you'll want to edit the SecretsJSON file with your Adafruit IO and Wi-Fi credentials. Then hit the reset button once again to get the board connected to your Wi-Fi router. In Whipper Snapper, the device is automatically detected and you'll have the option to rename the device. You can easily connect this temperature and humidity sensor using Stema QT. In Whipper Snapper, click New Component and select the AHT-20 Sensor. Then select how often you want to send or receive data. And that's it! You can see the raw values in the device page and start logging data in a dashboard. You think it's the quickest and easiest way to get your IoT projects up and running. We designed and 3D printed a snap fit case to house the QT Pi and a Stema QT breakout board. The bottom cover has a built-in holder for the QT Pi that can be secured without any screws. Just insert the board at an angle and slightly bend to snap fit the PCB into the corners. It's easy to plug in a Stema QT cable on the back of the QT Pi and connect the sensor without having to solder. You can use M25 hardware to secure the Stema QT board to the case. The top cover has several vents that can be used as mounting holes so you can secure the board in different orientations. The bottom cover features similar slots so you can mount it to either the top or bottom. There's also mounting tabs on the case so you can use them to attach it to another surface. Just snap fit the case over the cover with the opening lined up with the USB-C port. It's really modular so you can easily customize it to fit your project. Thanks so much for watching and don't forget to subscribe for more projects from Adafruit.


Good afternoon everybody. Can everybody hear me okay? Wonderful. Thanks for coming and I hope that you're enjoying DrupalCon. Today's session that I'm presenting is about JavaScript and accessibility. The thesis that I'm presenting is that we shouldn't blame JavaScript as a language for problems with accessibility and although I think that more and more as developers and as a community we are learning this In principle, I think that there are still a great number of developers whether I see it in forums or through Twitter or through Conversations with some of our customers some of their teams Where this is really something that people don't don't quite yet have internalized that they do think that JavaScript itself is an impediment to accessibility If if you weren't coming for JavaScript and accessibility, this is a good opportunity to leave So who am I my name is Everett zoo felt I've been part of the Drupal community for I want to say just about nine years now Spent a great deal of time contributing to the accessibility improvements in Drupal 7 core Somewhat less time contributing to Drupal 8 although nearer to the beginning of the Drupal 8 life cycle I was contributing more actively Formerly I have been an invited expert to the W3C where I participated in the accessibility task force That at that point in time was reviewing HTML 5 as a specification to ensure that it had everything needed to be to support the goals of Accessibility So what are we gonna cover today? There we go. Just getting to my list. Oh also for anybody who who doesn't know I'm completely blind I've got a one-ear button here so I can read my notes going to try not to let that distract me too much My colleague Yoshi here is driving the slides for me up on the screen. So Just to give you that context. So what are we gonna cover today? Number one Imagine if maybe just talk through really quickly a couple of scenarios around, you know What are some of the barriers that persons with disabilities do face when they're interacting on the web? We're gonna cover quickly a few myths about accessibility I think there's a lot of low-hanging fruit that we can address that will help people to understand some some misbeliefs that people may have We'll talk about a couple of truths about accessibility some facts that just maybe help to Support the reason why we might be looking at this in the first place Then we're gonna move into this is the front-end track So we're really not going to talk about code. I'm not gonna do coding examples in this session We're gonna really talk more from the conceptual and the design and and the user experience point of view around this problem And so we're gonna start by doing a little bit of a refresher on affordances if there are any designers in the room This is probably table stakes for you Maybe for some of the developers and others in the room. This is this is information you'll be learning for the first time and Then we're gonna Jump into JavaScript's role on the web Maybe that's new to some people here. I would imagine most people here understand fundamentally the use of JavaScript on the web We're going to talk about HTML We're gonna talk about the document object model and we're gonna talk about the accessibility API and how those all relate to one another We're gonna talk about divs and meaning and and why really the major challenge that we have when we're programming interactive user interfaces for the web is adding meaning We'll talk about transitions and single page page apps. I think this week I've heard the words headless decoupled and API first More in a three-day period of time than I've ever heard them used in my life Which I think is really good for our community But it does pose some challenges around accessibility as we start to push user experience more and more to the client side We'll talk a little bit more about complex UI components I'll give you some examples of where I think some organizations have done good jobs at this and Where I've seen some others do jobs where there's some improvement And then we'll wrap up by talking about what we can do next together as a community in order to Progress around the area of JavaScript accessibility So imagine if I've got a few scenarios up there on the screen But imagine if you're you're out there somebody you one of your friends or colleagues is that oh you should really try this hot new Thing it's called Twitter Let's you should go get signed up and you go to the site you get excited. You want to get start networking with people And you find out that just however you try there's no way for you to be able to sign up for the service Imagine if maybe in a different scenario. You're you're trying to find something a book online or maybe a HDMI adapter for your MacBook You spend time browsing you find the best price you find the store you want to buy it from online You add it to your cart and you you've invested some time and energy here And you find that there's just no matter what you do It's impossible for you to check out of that store Imagine if you log into an app for your job. Maybe that's an HR related app Maybe it's a travel booking related app. This is maybe it's a project scheduling and planning app It's something that's really essential to your job function in the organization And and all you see is button button button and you just can't figure out how to interact with them What any of them do or how to really use the app at all? Imagine if you tried to book a hotel room This is by the way one of the examples later on and it's impossible for you to select a date So if you want to check in tomorrow, which is the default date, that's fine But if you want to check in any day in the future, it's impossible for you to change the date in the date selector These are the types of experiences that Persons with disabilities often run into when they're interacting on the web. So they're frustrating. They're disempowering They're not inclusive. We've used that word I I think there's been a number of times in the last couple of days. I've heard the words diversity and inclusion used these are the types of experience that Work against diversity and work against inclusion in our community and in the communities For which we're using Drupal to build it to build digital experiences What are some of the myths then that we can maybe low-hanging fruit that we can quickly Dispel people with disabilities don't use my web application One interesting example of this years ago somebody said that they built a small gallery site to sell local artists paintings and sculptures online and I had suggested I took a peek at it I'm like, oh well if you're blind screen reader user you couldn't possibly use that and they said yeah But why would blind people ever buy artwork? I Think so okay, that's interesting But probably good good rule of thumb to assume that Anybody in the world if we're really trying to support inclusion and diversity Anybody in the world with any set of you know ability or disability likely going to want to interact with the web application you're building Another myth screen reader users disable JavaScript That I think that's the one that's been kicking around for a long time the reality is you know in in the most recent variant non scientific survey No screen reader users are no more likely to have JavaScript disabled than anybody else on the web Accessibility will interfere with user experience and designers don't like it. This is a very common one that I've heard I'm gonna go out on the ledge here and say that Accessibility in principle does not interfere with great design Accessibility could interfere with bad design, but I think we shouldn't really care about that Accessibility does not interfere with great design if great design is about understanding the user's goals and creating a Wonderful way for them to achieve their goals with ease and delight Accessibility by nature writes by its very by its very definition cannot possibly interfere with great design our web Application is accessible Subtext, but we've actually never tested that so you know we're just saying it I had an experience this morning with an airline that if you looked at my Twitter feed you could tell which one But I won't say it loud where it's completely inaccessible for me to check in for my flight They probably believe that that's not a problem. They probably had the development team who Did their very best to implement an accessible interface? I tested it in two browser three browsers and two operating systems and I could not check in for my flight I had to get a colleague to check me in Nobody in my industry has been taken to court that you know I'm not really as familiar with the European legal landscape, but certainly in North America It's becoming more and more rare that you'd be able to say that from from retail apparel to grocery store chains to big box stores to small mom-and-pop shops the the litigious Landscape is expanding at least in North America where it's it's harder to identify an industry where there have not been legal cases Put forward and in many cases either settled or won by persons with disabilities So why did this happen? Why did we have so many of these these myths and and untruths that floated around about accessibility? Because we've been working on this for years I think we've got a quote up here. It's one of the success criteria from WCAG But it's from WCAG 1.0 anybody that's been familiar with accessibility in the last decade or so Knows that we're working on 2.0 now and have been for quite some time And sure that pages are useful when scripts applets or other programmatic objects are turned off So I mean right there the web standards community We kind of did it to ourselves though I think at the time it was necessary because of the the state and the evolution of browsers and assistive technology way back in 1998 It wasn't possible for persons with certain types of assistive technology to meaningfully interact with a web application when JavaScript was running running and so in order to ensure that The web was accessible to all there was a rule that said you had to make sure your application was Accessible even if scripts weren't running in the browser There's a lot of good reasons depending on your application and your contingency or your constituency that's using your application to maybe look at supporting Your application functioning without JavaScript running Assistive technology in my opinion is not one of those. So although this was a really good rule in 1998 In 2017, I don't really think there's a lot of merit to tell the web application development community That you're not allowed to you build applications that rely on JavaScript So what are some things that we do know for sure about accessibility number one? It's a human right many countries have ratified the the UN's charter on the rights of persons with disabilities So right there we've got it as a right About 15% of the world's population lives with some form of disability not all of those would impact your ability to interact on the web and to be honest most Most disproportionately skewed toward developing nations still I think it's a significant number and even in In parts of the world whether it's Europe or North America or others where where we are maybe making an assumption true or false That the majority of our web traffic and users are coming from there's still a great a great proportion of people who are living with disabilities Accessibility I'm gonna try to drive this one home. It does not interfere with good design Accessibility is essential for good design And and if you're a designer here and you think that I'm wrong about that I'd be happy to have a conversation with you about that afterward Making a web application accessible is easy to start It doesn't mean you're going to do it perfectly. It doesn't mean that you're gonna remove all of the barriers But it's really easy to start doing. I think there was a great keynote this morning where You know part of what I saw as the takeaway from that was you have to start somewhere and you can't let your fear Or your lack of understanding impede you from taking the first step The reality is based on a highly scientific Twitter poll conducted by splashing magazine That less than 75% of developers know more than the basics about JavaScript or web application accessibility So if you're sitting here today, and you're thinking to yourself, I probably have a basic understanding then you're in the minority you you're already at the top of the list because more than More than 75% of developers basically say yeah, I don't really get where to start at all so on a pause here and and and really Talk about why I want to bring the design angle into this Web app web applications are designed holistically We don't build them if we don't know what we're trying to build And we don't really understand what we're trying to build until we understand who the users are Talking about accessibility from any angle really means that we understand that there's human beings those human beings are interacting in many cases with the applications we build through Modalities or experiences that are not what the majority they either then maybe they can't see the screen Maybe they can't use a pointing device But they're interacting with the application in a way that is outside of the norm We need to understand from a design perspective design is everything in That's hot design is everything inside of the browser if we don't have design If we haven't created an interaction model and if we haven't created a visual interface design We really don't have any work that we can do as front-end developers And so I think that is really important for us to understand together what it means from a design patterns perspective To create a great experience Because that's where we're going to find where the gaps are for people that are using modalities that are that are Uncommon or outside of the norm So what are affordances? There's a quote up there from from smashing magazine. I stole something else from them, but the reality is in life outside of the web outside of user interface Chairs have weight. They have dimensions. They have size. They have mass But on the screen, it's really hard to infer What types of items I can interact with what's a button? What's sitting on top of something else? What items are grouped together and which items are apart? What items can I interact with right now that I might not be interact able to interact with later? And in the physical world we've oh just over time Objects have these properties that we've come to understand through, you know Tens of thousands or millions of years of building heuristics how to interact with them But the web and and digital interfaces have been along around for so much less time That you know, there's a whole science around understanding how to make those items convey what they are and how to interact with them and The most common way to do this because the most common modality for interacting with a digital interface Is visual then a lot of the affordances or you know almost all of the affordances that are commonly used have to do with Modifying or adding visual attributes to elements that we have on the screen What are some of the important ones? There's lots of category of affordance, but I've pulled out a couple that I think are worth mentioning There's an explicit affordance. So that might just be a link that says click here That's pretty straightforward. Even if it doesn't look like what I think a link might look like If it says click here, I'm pretty likely to try clicking there to see what happens a Pattern so an example here is if we have a word or phrase with a downward arrow We've come to understand that if that that means that I can click on that and it's gonna expand and probably I can click on it Again, it's gonna collapse Hidden hidden affordances these ones get into a tricky area for users of some assistive technology These are items where not until I've interacted with it. Does it do something? Negative affordances. This is another really common category. This is where we we may be Disable the submit button on the form and that makes it look a little bit gray And we know that we can't click it We just we've learned over the last several decades of interacting with digital interfaces that when that button looks like it's all Grayed out. We even have a term for it when that button's grayed out I know that I need to do something else before it's going to activate and I'm going to be able to interact with it But imagine for some of these items, you know, maybe this last one in particular How do you tell the buttons grayed out if you can't see the button? So what's Javascript's role on the web? Javascript lets you interact in the browser Create experiences that are not just static. It allows you to modify and manipulate What's in the DOM and for those who don't have a lot of experience with DOM? That's a new word. Maybe you're maybe you're a little bit newer to Javascript in front-end development We'll talk about that in a minute, but Javascript lets you build dynamic experiences in the browser that don't rely solely on a round Trip to reload another page of content So there's these these three items and they they relate to each other There's HTML and I I would imagine that all of us know what that is There's the document object model and maybe maybe there's some people here who haven't had to work with that yet Or maybe to a lesser extent and then there's the accessibility API and I would I would venture that probably the Majority of people here today Maybe have heard tell of it, but we probably don't have a lot of understanding or experience of what it does and how it impacts people HTML that's straightforward. I'm not going to read a definition HTML is that's the markup you write that's what goes into your TPL files or your twig files When you're working with Drupal HTML is the the code that gets rendered on the server and pushed out to the browser The document object model that's what happens in browsers Chrome or Firefox any any browser really takes the HTML and one of the first things it does after the document's been loaded is parse out the HTML using a parser and Represent all of the objects that you've created all those elements with all of the little angley brackets Represents those elements in a big tree with interconnected nodes And it's JavaScript that's then able to interact with those nodes manipulate them add them remove them clone them Change the attributes of them What's the accessibility API then and this is something that people are probably less familiar with Built on top of or as an extension to the document object model Each operating system platform has essentially a native accessibility API This is what the native apps use to convey to the operating system the role and the state and the properties of UI Components, so maybe if we go back to our form example and we have a button You know the role is a button and every operating system has a way of conveying to assistive technology that there's a button in The in the user interface Maybe the state of that property like we were talking about earlier is disabled So you know in you can either have that button be an enabled button or disabled button but there's a really common vocabulary that That the that assistive technology and the accessibility API is on the different operating system platforms Know how to speak to each other in so it's robust And properties might be something like the name so click me or submit or go or please don't name a button go But it's a role a state and a collection of properties a collection of states and it's a common language It's not unfortunately common across operating system platforms But it is common within a platform and that's what allows assistive technology vendors to be able to develop technologies that know how to interface with your website and My native app and somebody else's native app Because at the end of the day all of those User interface components with their roles in their states and their properties are being abstracted out to a single set of terminology and vocabulary So when browsers have loaded and parse the HTML into the DOM They also take that DOM and they parse it out into the accessibility tree but we have a problem and I have contributed toward it and I would imagine that anybody in this room who's ever built anything on The client side has contributed toward it Which is we want to create an experience? We we don't have the tools in the HTML toolbox buttons are easy links or either buttons are easy But sometimes we still choose not to use the button element links are easy You start to get down into drop-down lists and autocomplete and date pickers and What we end up having in our markup typically and then that gets reflected in the DOM is just a C of divs and a C of spans div div div span span span and There's no meaning at all. None of those divs say to the accessibility API. I'm a date picker And none of the spans say to the accessibility API. This is an autocomplete field And hey it once you start typing in here a list is going to pop up with some options that you can choose between In HTML, we didn't really have for the longest time and with many user interface components We still don't have in HTML the ability to denote What role and the state and the properties of these more complex user interface components? And that's where we run into this problem We need to find a way to add meaning to all of those meaningless spans and meaningless divs So what allows us to do that? As HTML is a little bit complicated and I learned a lot of things being part of the working group and One of them is 400 people can't really make a collective decision very well But another one was HTML 5 isn't just the spec that we think it is so HTML 5 is a specification. It's all of the markup the tags and the properties and the attributes But there's a large collection of documents that makes up the HTML Specification that's not just about the markup and one of those documents that's part of HTML is the the why aria Specification and that stands for the web accessibility initiative accessible rich internet applications and that's a recommendation and Really what it is is a collection of states and properties and roles that don't exist yet I say yet. Maybe maybe we'll never get there, but they don't exist yet in HTML But we can tack them on to our dibs and our spans to provide additional meaning and this isn't new This has been around for a while and adoption grows over the course of time But these are roles and states and properties that we can add to our dibs and add to our spans to Expand the type of vocabulary that we have to be able to talk about Interactive user interface components with with with words and and roles and states that don't exist in HTML itself And when we do that when we start to use some of these attributes and roles from why are you I mean I'm not quite sure why you would need to But maybe you really want your button to be a span element in HTML for for whatever reason wherever and however You're using it. Maybe the styling you need to apply to it just it's it's Significantly easier if you're starting from a span than if you're starting with a button And that's not great, but that's okay because if we remember back to what I said earlier It needs to be easy to start and you don't have to be perfect at this So for some reason you need to use a span Then at the very least you need to be able to make sure that When the browser parses your HTML into the DOM and when that DOM gets translated into the accessibility API That we're saying to the accessibility API. I know this was a span, but really it's a button and so from the why are you a specification you can use role equals button and that overrides the Meaninglessness of a span and conveys to assistive technology that it's a button That's a really simple example because for the very most part you should be using the button element But when we get into more complex user interface components like tree grids It becomes really important that we are able to add on that additional information a More recent evolution that really has no implementation in any browser at the moment except for I believe Chrome canary is Something called the accessibility object model, so we have the document object model And now emerging as a specification and also in in actual implementation through Chrome canary is the accessibility object model and unlike The use of why are you where we have to stick all these roles and properties and attributes onto our dibs And they get parsed Directly by the browser, but after that we really don't have much control over what happens In the accessibility object model, which is just an API inside of the browser You're able to interact with those accessible nodes directly So you're able to call the accessible node that's part of the DOM element that you want to manipulate And you're able to change the role and change its states and change its properties directly There's a really great article. I think I retweeted it about in two days ago it was written by a Wonderful woman out of the UK who's a great champion for accessibility and if you go back to my Twitter feed You'll probably see it a few days back there and it's a wonderful explanation along with a demo of How to start playing around with the accessibility object model in Chrome There's another thing that happens As we start to push the user interface to the browser and again We've been talking we being the community has been talking about a lot of that a lot this week and and really over the last Few Drupal cons this conversation around headless API first and client-side frameworks and React just got released a couple days ago under an MIT license and now maybe You know some people who were less inclined to use react start to think hey, maybe that's something I could start to look around at The reality is is we're starting to build applications using patterns that maybe for folks in the Drupal community We hadn't looked at as much previously And so maybe we're looking more at single-page applications And maybe we're looking more at applications that have transitions between content There's been some really great work done by you know I'd sell them call out organizations for really great work and Certainly Expedia's website and I don't know if it's the same one here in Europe that we see in Canada But the Canadian Expedia Expedia website has done some really great work Around making these transitions accessible So when we go back to talk about affordances if you think about the experience of let's say booking a flight You put in your you know, you're leaving from Toronto, and I'm going to Vienna and I 25th of September to the 29th of September, and then it takes you to a page with about 50 different flight options But luckily there's some filters at the top of that page and you can start narrowing down while I only want direct flights or I only want flights that leave after 6 p.m.. And When Visually and this kind of gets back to some of those affordances we were talking about before When you start to interact with those filters on most most sites, especially Especially travel sites I've found You're not doing a full trip back to the browser. We have this in views, too, right with Ajax We we don't need to reload the page using views and Drupal and Ajax We can just update the search results or update the filtered results without needing to reload the page And often when we implement that from a user experience perspective because there is some delay between when we click the filter and When the results are updated we use a bit of a visual affordance. Maybe we add an opacity Maybe we add a spinner of some sort. Maybe we add a little Humorous message to the screen, but we do something to let the user know. Yes We saw that you've interacted with the application The update's not going to be immediate. Don't interact with these results. They're about to change. They're gonna change in a second And we normally well not normally we if we put that in place. It's always visual It always uses color or shading opacity or a spinner or a message popping up on the screen maybe sometimes a modal dialogue if If you want to go that direction Pops up on the screen to let you know don't interact with this right now From a from the perspective of somebody who's blind and uses a screen reader and doesn't have the visual modality to interact with the screen though You never really know what's going on. You kind of get used to a site I booked most of my flights through Expedia so you go there and you kind of get used to it. You learn the patterns But really good user experience users shouldn't have to be learning the patterns And they shouldn't have to be learning the patterns from one website to the next website to the next website to the next That's bad user experience. So what Expedia has done, which I think is really great and I'm gonna read this out for you the kind of the way it would read to me if I was to do a search for a flight So I do my search for a flight And my screen reader says getting flight information Departure results now sorted by price lowest and then that's I you know because I'm lazy I do not want to connect So I tick the box that says direct flights only and Then my screen reader reads out loud filtering for stops Results now filtered So this is doing the same thing that we're accomplishing with a visual affordance But Expedia is achieving the same result and it's doing it through an audio channel There's a another app. I'm not sure if anybody's familiar with the headspace app I'm actually not sure if their native app does this but their web experience if you go into headspace and log in on the web They do the same thing as you're moving through different sections of the app The assistive technology the screen reader is Reading some of these things out loud to you when you click on a new tab when you when you click on something it starts to filter It reads these out loud and Several years back we started to do some of the same things in in Drupal 8. I remember really specifically The the system tray or the tool tray when you dock it to the top or you dock it to the side We'll actually read out loud to assistive technology what's happened how how the how the user interface has changed and I think there's even an API that we have in there Which I'm not going to remember the name of but in the JavaScript API's that are that are part of Drupal you can actually push text messages and Trust that they're going to get read out loud to screen reader users. You don't have to understand how it works It's an abstraction. You don't have to go read this why are you spec and understand all the deviations and differences between browsers You can just call a function pass in your string and trust that it's going to get read out loud So how does that work? Why is all that happening behind the scenes if if you don't just want to trust that it's going to get that It's going to happen or maybe you're building a decoupled application or a single-page app And you don't have access to the to the API in Drupal that does all this hard work for you How does it work? It uses why are you and it uses something in the spec that's called a live region and the live region is really simple It's a node in your DOM Actually at a Drupal conference. I try not to say the word node Because there's a lot of ambiguity. It's an element. We'll say in the DOM That you've given a specific role and once you give it that role assistive technology knows To read new information that gets added to it Typically the pattern is to stick this node at the this DOM element at the end of the DOM You just kind of shove it at the very end is the last item and Then as you want to push these messages to the user you add new elements into that one and Trust that the assistive technology is going to read it out loud There's some roles and states and sorry there's some states and properties for this There's some states about how much of the information does it read does it only read new items? Does it read items that get removed? You know how polite is it the word polite is actually used in there. Is it going to interrupt what's being read immediately? Is it going to maybe wait till the end of what's currently being read to announce itself? And you can read about all those details in the spec But suffice it to say you don't have to learn how to do this you don't have to start working with web audio API is in order to start get your web application to start speaking you can just Simply push some text into a part of the DOM that's been marked up with this live region and Assistive technology will take it from there and the browser plus assistive technology will take it from there and and read the information out loud So that starts to talk about some complex user interaction things that maybe we haven't done a lot of in the past And I want to maybe look at a few different interactions that just as I was thinking about this talk I was looking at a few different applications I use and sites that I go to and jotted down a couple of notes about what I thought worked Fairly well and what I thought worked not quite as well I gave this presentation about a month ago at Drupal North in Ottawa And what I'd really love to be able to do is kind of show you what the experience or I guess show is probably the wrong word Let you hear what the experience is like? What I found when I tried to do that the last time is that when we're in these conference rooms There's a lot of reverb if you're not accustomed to listening to a screen reader Even if I slow it down it's really hard for you to understand what's being said and then if It really that's just generally speaking even if you were sitting down here beside me And then once we add the reverb of the conference room It becomes near impossible for you to understand what's being said I can barely understand what's being said when it's piped through the speakers Though what I will do is I'll talk through some of these examples and I've got about 20 minutes after this session before I need to do something else So if anybody wants me to kind of show them one-on-one or in a small group afterward I'd be happy to kind of unplug my headphones and slow down my screen reader so that you can really get a sense of How these experiences are significantly different from one another Uh because we're at Drupal con vienna. I thought I'd call this one out because that normally gets people riled up The menus we've got a little bit of a flyout menu thing happening in the primary navigation Well, if you can use a pointing device you have a flyout menu thing happening If you're using a screen reader you have really no way to get to the flyout menus So, you know typical pattern here you hover over top of the menu item Drops down a list of children and you can click on one of those children and go to that page directly I imagine that works quite well on desktop with a pointing device But on desktop with a screen reader. It doesn't work at all. There's some tricks Advanced screen reader users know how to do some tricks where we can use some keyboard commands to reroute the mouse And hover it manually hover it over top of the parent But that's not a good user experience first of all because most screen reader users likely don't know how to do that And second of all it leaves it leaves us guessing all the time at oh, where do I have to try to virtually hover the mouse now? It goes back to affordances Nothing indicates to us that we should be trying to hover our mouse over top of that So, you know, we would just be guessing all the way through your application that that's what needs to be done Contrary to that mass.gov This is a site that I've been looking at for a few years now and Honestly, I think that there's probably some tweaks they could do to the the exact execution But strategically they've really nailed how their menu system works their their flyout menus on that website It works. Well, you can navigate it with a keyboard It speaks really well to screen reader users You can navigate across the top level menu items and then optionally Expand down and drill into the the sub menu items if you want to I think this site is a really good example of and you know, we've been doing flyout menus For a very long time in the web community and I will say that for something that is relatively simple to get right It is rarely It's rarely done well from an accessibility perspective It's actually, you know, although it's easy to do right once you understand what needs to be done When you just start to think about it and brainstorm about it on your on your own It really isn't an easy problem to solve But so I don't want to make light of it If if you've implemented a flyout menu and it's not accessible You're not a bad person You're just They're actually hard to do unless you have a really good pattern to follow And I think that made with a couple of small Exceptions the mass.gov pattern is one of the best that I've seen In order to be a starting place for a pattern to follow Hotels.com I book a lot of my hotel rooms through hotels.com because I like to get the the 11th night free When you start to search for a location this happens a lot on the web and we've talked about auto complete before You know, if I want to start to search for vni type in vi en You know, ideally at some point there's going to be some notification or indication Visually, it's simple. You see a list drop down of possible options So this site's hotels.com is good and from an accessibility perspective, they're Fairly reasonably accessible What I will say though is that this auto complete it never indicates to you that anything's happening This kind of goes back to what I was saying earlier about patterns and and from an accessibility perspective I've had to learn how to interact with the hotels.com site But I shouldn't have to do that. I I should be able to interact with it The same as I interact with any auto complete or suggestion drop down So what happens on hotels.com when I type in vi en is From a from a textual or audio affordance perspective absolutely nothing So there's a visual affordance and obviously there's a little indicator or the the drop down automatically appears But I have no idea it's there. I've come I've come to understand when I might be typing in a box that's got a drop down So I type in a few letters wait about a second and then press the down arrow to see if anything happens And they really have done a good job at making that part work So I can press the down arrow I can navigate through the list and I can select an option But going back to those affordances we were talking about earlier If I didn't know to guess at doing that I'd never know that that really useful feature existed Compare that with Expedia And I got that ca here, but I assume it's probably fairly similar on any of their regional sites On Expedia when you start to type in when I'm looking for a flight and I start to type in vi e It will actually come up and say, you know 10 suggestions So that's that that's a little bit of an audio or a textual affordance it it tells me hey ever You've started typing vi en There are 10 suggestions available for you And then I'm like, oh great now I know to press the down arrow or if I type in vi e and it says 18 suggestions I'm like, I don't want to look through a list of 18 So then I hit the letter n and oh now there's only 10 suggestions If I hit the letter n again, maybe there's only two suggestions And it announces that out loud using that live region concept And that really from a user experience perspective is a drastically improved user experience Aeroplan this is probably something that's only familiar to I would imagine Canadians I'm not sure if aeroplan exists outside of Canada. It's a loyalty program really tightly associated with air Canada When I try to search for a hotel when I want to spend my points on a hotel When I go to aeroplan's website the date picker field is a disabled text box I can see the date in it, but when I interact with that text box, I can't actually type anything the field's disabled And there's really nowhere on the screen like I have searched and searched and searched only the other day when I was Preparing this presentation did I'm like that's it. I'm going to interact with the text box I'm going to move my little virtual mouse around the screen and click in on click on the text box And then I'm going to read from the very top of the screen to the very bottom of the screen to see Where in the DOM somebody thought they might inject the calendar pop up Which I I have to imagine that when I click on this thing There's there's no other pattern out there when I click on this thing it has to pop up a calendar So I just started reading from the top and in this weird location nowhere near the date text box But also not in that common very bottom of the of the DOM That is some weird location nearest to the top of the page I found a calendar it was a grid it didn't use a table So it was hard to interact with but I did finally find so again This is an example of having to really teach yourself for every single application you interact with Oh look, I need to type in another date. How am I going to do that this time? Is it going to be easy? Is it going to be hard? Is it going to be? Very hard. Is it going to be impossible? And I contrast that with Hilton Hilton's date picker Which is really easy to use Hilton's date picker Probably one of the best and I think I haven't I didn't dig into it Because this isn't really a coding conversation But I suspect they're using a library because I've seen the same pattern elsewhere When you with a screen reader or a keyboard start to interact with that you can navigate with arrow keys It announces everything out loud you can move between days weeks months It's a it's a really lovely experience and you know compared to the aeroplane experience where for Like a year I couldn't find the calendar in the first place and once I found it it was hard to use This is a delight to interact with I've put at the very bottom of the list here volunteers We won't do that now But if because public shaming isn't very nice But if you'd like private shaming or small group shaming afterward Feel free to come up to me again We've got about 15 or 20 minutes after the presentation and I'd be happy to Shame you privately for you for the for the poor accessibility of your application Also, if your application is really accessible, I'll I'll tweet about it. Oh good work.  It's a language. It lets us it's got syntax. It lets us control the DOM control experiences in the browser, but as as you've heard whether it's Expedia or Hilton Or the others that I've referenced here You can build really accessible and really great user experiences In the browser using javascript javascript is not a problem If we look back to the beginning way back in 1998 Absolutely, it was a problem guaranteed. It was a problem And I don't want angry tweets. I understand that client side applications have their downsides We live in a world of trade-offs Whether it's slow internet connection, whether it's People with really old technologies There's lots of reasons why you might not want to build an application that requires javascript But that's not the purpose of this conversation This conversation is to say that if you've already done the trade-off analysis and decided that yes You are going to build an application that requires javascript That the fact that you're using javascript is not Impeding you from being able to build a truly accessible and great user experience You're going to have to put work in it doesn't come for free. It's not a zero effort endeavor But the fact that you're using javascript on its own or requiring the use of javascript Isn't a barrier. It shouldn't be seen as an obstacle So what do you do next? There's lots of component libraries And toolkits and frameworks where there's people working you know Drupal's not the only open source project I've heard And there's people working on accessibility. We've got people working on accessibility in Drupal We've got people working on accessibility in angular We've got people working on accessibility in bootstrap People working on accessibility and react There's there's communities built up around these frameworks and there's there's groups within those communities That are trying to make them more accessible And they're not perfect. We are not perfect in the Drupal community with our accessibility And none of these other communities I imagine are they're not perfect either But we don't need to aim for perfect. We need to aim for doing better than we're doing right now Always looking ahead and and whether we're looking ahead from a layout initiative in core Or we're looking ahead from an api first initiative or we're looking ahead from an accessibility initiative Really what we're trying to do is set a set a goal for ourselves and and always do be doing better than we are now Um, that's really all that's really all I wanted to share with you today. I think we have a little bit of time For questions before we go into questions number. I want to cover a couple of key things sprints. There are sprints tomorrow There's a slide here. You've probably seen this slide during every single session. So Look at the sprints if you're going to be here. You probably already know if you're going to a sprint I don't know if there's an accessibility sprint. Uh, that I'm not here tomorrow I have to leave at 6 30 in the morning But if there is an accessibility sprint go and learn Learn together really going back to the keynote this morning You know step one if you know nothing or you feel like you have nothing to contribute great Just go and sit beside somebody else and learn from them And then next time you'll be able to do a little bit and then you'll find out that a few times later You're able to teach the person who sits down at the table and they don't know anything Or they feel like they don't know anything or where to start Uh feedback we've got this feedback information up here I'd appreciate if you give feedback on the session and I'm sure the organizers would appreciate if you give Feedback about the about the conference in general Um, so I'll take the time now if there's any questions. I'll open it up to questions Thanks for that presentation I'd like to ask do you think that? Something like chrome vox gives relevant Relevant results for a developer Or should one just Use some other program or skip that phase and go to directly to really use us Um, yeah, that's a good question. I think that any tool gives you relevant feedback There's lots of tools out there. I think that the the question is Are you going to use just one tool? Are you going to do more of a 360 review? So I really want to drive home the point that anything that you're doing more than nothing is better than nothing I really think uh, I I published an article earlier in august on on our company website And I think in that article I suggest Find a couple of people that maybe interact with with your Application in a in a different way than than the norm. Maybe they're a screen reader user Maybe they don't use a pointing device Take them out for a coffee or take them out for lunch and just ask them To tell you what it's like for them to use the web Step one, I really think is building empathy And then maybe pay them 50 or 100 dollars and sit down with them and ask them to show you how they use your application The best way for you to learn where the barriers are in your application Is going to be to have somebody who faces accessibility challenges on a daily basis point them out to you But if you can't do that for some reason if that's not really going to work Use some of the automated tools and they're going to find for you some of the low-hanging fruit Hello, I would like to know what is a 360 review and what is the what are the criteria for a 360 review? Sure. Well, I just made that term up 16 seconds ago, but I'll I'll try to give you my thoughts I think starting with automated tools Having an expert review so having somebody who is an expert in web application accessibility come in and give their perspective And then real users of your application who have disabilities and use assistive technology So look at it from the from the technical tool standpoint Look at it from the expert analysis standpoint Look at it from the user experience standpoint and really it's not that different from any design review You know, we look at we do heuristic analysis of design We take do we take best practices and apply them we build design hypotheses using our experience And we apply it But at the end of the day until you get your design and your interaction patterns in front of real users of your application And ask them to complete tasks and observe how easy or difficult that is for them You're not you're only working on hypotheses Any other questions? Great. Well, thank you very much for joining today And if you do want to be privately or small group shamed or if you have questions for me feel free to come up after


Now, between us, the Secret Service that covers me here, fine and devoted and dedicated group. But just honestly, Mike, I wouldn't have this repeated to anybody. My judgment is that they're more likely to get me killed than they are to protect me. They're just not heavy thinkers. They just like the average cop. And they don't plan. Hoover's one that's put me in a... He doesn't object to my shaking hands with his high school kids or people along the fence at Bellin's Montana. But he does object to my riding down the street in a car that's not bulletproof, because that's where people hide. It's not likely that an assassin is going to be in with a bunch of high school bands. But it is that he gets in an upstairs window. Yet they had the stuff on Oswald, but they didn't give it the Secret Service. So what we're going to do if it's all right to work out, I'm going to meet with them about, I guess, Wednesday or Thursday. Maybe Wednesday. I got to go to the sack base with this NATO man tomorrow. And I'm going to call Dylan and them in and make Dylan the chairman of it. And then have him try to get McCone to see that everything that comes in from any foreign country is very carefully handled. Get Bundy, take that from the President's viewpoint, and kind of not be a super detective, but let him be the intelligence man for the White House Secret Service. And then pull the Treasury and the Attorney General together on how to coordinate those two groups of people. Thank you.


Hello everyone, and thank you for the invitation to participate in this discussion. It's great to be talking about something that is incredibly important to Canadians, our oceans. We depend on nature. Over the last several months, many haven't been able to connect with nature or with our oceans. It's been difficult to not be together and to not be outside. Connecting with nature is a critical part of our lives. It is critical to our mental and physical health, and it is critical to our livelihoods. Thousands of people in Canada continue to work on the water despite the challenges of recent months. They support their families and build a good life for themselves. In so many ways, healthy oceans are an essential service. Even the test to diagnose COVID-19 comes from our oceans. It was developed with enzymes of microbes from deep sea hydrothermal vents. All benefit in some way from our oceans. But who can we ask for the responsibility to protect our oceans? The high sea covers the two-thirds of the ocean and more than half of the surface of the globe. It doesn't belong to anyone, but it belongs to everyone. We all have a role to play in the protection of the waters we share. Canada will always be part of the country, as in the entire world. We have mobilized global leaders in the framework of the G7 to establish the Charlevoix Action Plan for the Health of Oceans, Seas and Resilient Coastal Communities. In collaboration with Kenya, we have worked to help strengthen ocean economies in developing countries thanks to the Blue Economy Conference. And this year, we must meet on a new global treaty to protect marine biodiversity in the high seas. This initiative has increased. A few months ago, I might have said that protecting the high seas will take global collaboration the world has not seen in modern times. Well today, we're in the middle of a global pandemic, and we now know what true global collaboration looks like. The pandemic is bringing the world together in a new way. It is showing in real time just how much we depend on one another. This pandemic has also highlighted socio-economic and environmental challenges that cross our borders. When we think about the future, we should all take the initiative to build a more fairer and more sustainable world. Investing in our oceans as a solution to favor resilience and economic recovery is just the beginning. We must also work in partnership with the Indigenous leaders. We must make sure that the women we have depended on throughout this pandemic are the first to rise up at the time of recovery. We must understand and respect the natural world that is at the heart of everything we do. All these elements are interrelated. The decisions we make now will chart the course of our world over the next few decades. That's why this moment is so important. You cannot have a plan for the economy if you do not have a plan for the environment. This is truer now more than ever before. These challenges demand that we all step up, that we work together, united as one for the benefit of all. Canada is committed to working with you to do just that. Thank you.